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

HTML Code:
/**
* 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