1 reply [Last post]
livingdeadbeat
Offline
newbie
Last seen: 12 years 5 weeks ago
Joined: 2009-08-17
Posts: 1
Points: 0

Hi,

I've read a couple of posts that i found on here but still can seem to solve my problem.

I have a drop down that is positioned absolute, and its the same old problem with ie have the menu in another location to FF.

In ff it sits directly under the parent menu, but in ie it always sits to the left of the parent ul

This is how its supposed to look (ff)

And this is ie 7

Here is the css

/**
* topnav
*/
 
#topnav{
	background:url(images/top-nav-back.png) no-repeat;
	padding:18px 28px 0 28px;
	height: 28px;
}
 
#topnav li{
	float:left;
	margin-right:34px;
	padding-bottom:9px;
}
 
#topnav li a,
#topnav li a:link,
#topnav li a:visited{
	color:#004472;
	font-size:1.2em;
	text-decoration:none;
}
 
#topnav li:hover,
#topnav li.selected{
	border-bottom:4px solid #ff7800;
}
 
#topnav li.hassubs a,
#topnav li.hassubs a:link,
#topnav li.hassubs a:visited{
	padding-right:15px;
	background:url(images/bullet-topnav-hassubs.png) no-repeat center right;
}
 
#topnav li.hassubs a:hover{
	background-image:url(images/bullet-topnav-hassubs-hover.png);
}
 
#topnav li.selected a,
#topnav li.selected a:link,
#topnav li.selected a:visited,
#topnav li a:hover{
	color:#FFF;
}
 
/* first and last item */
 
#topnav li.first a,
#topnav li.first a:link,
#topnav li.first a:visited{
 
}
 
#topnav li.last{
 
}
 
/* second level */
 
#topnav li ul{
	display:none;
	position:absolute;
	background:#FF7800;
	top:auto;
	left:auto;
	width:130px;
	margin-top:13px;
}
 
#topnav li:hover ul{
	display:block;
}
 
#topnav li li,
#topnav li:hover li{
	display:block;
	float:none;
	clear:both;
	padding:0;
	border-bottom: none;
}
 
#topnav li li a,
#topnav li li a:link,
#topnav li li a:visited,
#topnav li.selected li a,
#topnav li.selected li a:link,
#topnav li.selected li a:visited{
	display:block;
	color:#FFF;
	text-decoration:none;
	border-bottom:2px solid #FF993F;
	padding:5px 8px;
}

Any help would be awesome. I can't simply set a negative margin as it depends on the width of the parent menu item as to how far back it needs to move

Cheers

MikePixel
MikePixel's picture
Offline
Enthusiast
Everett, WA
Last seen: 7 years 13 weeks ago
Everett, WA
Timezone: GMT-7
Joined: 2008-06-20
Posts: 91
Points: 8

Can you provide the markup

Can you provide the markup for the navigation too. It would help trouble shoot, or a link to the page.

The first thing I would say as always.

1. check to make sure you have a DOCTYPE (DOCTYPE not declared will make IE go into quirks mode)
2. validate markup and CSS

When you post the markup that goes with that CSS above, I can help further.