No replies
lizanne
Offline
newbie
Last seen: 10 years 36 weeks ago
Joined: 2009-01-07
Posts: 2
Points: 0

Hi All I am having a bit of an issue styling an OSCommerce Easy Menu Contribution.
It works perfectly in Firefox but IE is not.
My issue is that my submenu items have got gaps between them in IE but not Firefox.
Please see my CSS below.

/* Fix IE. Hide from IE Mac \*/
* html  li ul  { float: left; }
* html  li ul  { height: 1%; }
/* End */
 
#nav{ /* all lists */
padding: 0;
margin: 0;
list-style: none;
float : left;
width : 11em;
}
 
 
#nav ul {
padding: 0;
margin: 0;
list-style: none;
float : left;
width : 11em;
margin-top : -2.55em;
}
 
#nav li { /* all list items */
position : relative;
float : left;
line-height : 1.25em;
margin-bottom : -1px;
width: 16em;
}
 
#nav li ul { /* second-level lists */
position : absolute;
left: -999em;
line-height : -1em;
margin-left : 16.10em;
display: inline;
}
#nav li ul ul { /* third-and-above-level lists */
left: -999em;
}
 
#nav li a {
width: 15em;
display : block;
color : black;
font-weight : bold;
text-decoration : none;
background-color : white;
border : 1px solid black;
padding : 0 0.5em;
}
#nav li a:hover {
	color : #000000;
	background-color : #E6E6E6;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}