No replies
fanofcricket
fanofcricket's picture
Offline
newbie
Last seen: 9 years 42 weeks ago
Timezone: GMT-5
Joined: 2010-02-05
Posts: 1
Points: 2

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