Fri, 2010-02-05 18:43
Hey everyone,
I dont know if this is a CMS sensitive issue, but nevertheless, using this forum instead of the others.
I am facing a problem with the CSS for my menus. It works absolutely fine on all browsers on a PC. But a crazy offset creeps in a MAC.
I am attaching both screen shots to this post.
I am also pasting the relevant portion from my CSS
/* Dynamic persistant menus */ #nav { font-size: 1em; line-height: 1em; margin: -120px 0px 0 0; position: relative; text-align: right; width: 800px; float: right; } #nav dl.dynamic-persistent-menu-menu { background: none; font-size: 13px; font-weight: bold; margin: 0; width: 100%; } .dynamic-persistent-menu-menu dt.dynamic-persistent-menu-menu-item { display: inline; padding-top: 60px; padding-left: 10px; margin: 10px 28px; background: transparent url('images/menu_pic.gif') bottom left no-repeat; } dl.dynamic-persistent-menu-sub-menu { padding: 0; margin: 0; display: block; top: -80px; width: 130px; font-size: 10px; font-weight: normal; float: left; } dl.dynamic-persistent-menu-sub-menu dt { padding: 0 0 3px 0; clear: both; } dl.dynamic-persistent-menu-sub-menu.menu-num-1 { left: 178px; top: -60px; } dl.dynamic-persistent-menu-sub-menu.menu-num-2 { left: 314px; top: -60px; } dl.dynamic-persistent-menu-sub-menu.menu-num-3 { left: 417px; top: -73px; } dl.dynamic-persistent-menu-sub-menu.menu-num-4 { left: 565px; top: -60px; } dl.dynamic-persistent-menu-sub-menu.menu-num-5 { left: 708px; top: -60px; } .dynamic-persistent-menu-sub-menu dt { float: left; display: block; clear: both; } .dynamic-persistent-menu-menu a:link, .dynamic-persistent-menu-menu a:visited, .dynamic-persistent-menu-sub-menu a:link, .dynamic-persistent-menu-sub-menu a:visited { color: #717173; } .dynamic-persistent-menu-menu a:hover, .dynamic-persistent-menu-menu a.active, .dynamic-persistent-menu-sub-menu a:hover, .dynamic-persistent-menu-sub-menu a.active { color: #000; text-decoration: none; } .dynamic-persistent-menu-sub-menu a.active { font-weight: bold; }
I have no idea why its happening.
I've tried this on all browsers on a MAC and a PC. Works fine on all in a PC. All browsers in the Mac and the PC are the same version.
Thanks for all the help!
fanofcricket