# Suckerfish menu CSS issues - IE6

**URL:** <https://forum.kirupa.com/t/suckerfish-menu-css-issues-ie6/253773>\
**Category:** web dev\
**Created:** [March 5, 2008, 12:22am UTC](https://forum.kirupa.com/t/suckerfish-menu-css-issues-ie6/253773 "2008-03-05T00:22:17Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![ctdesign87](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/ctdesign87/32/851_2.png) [@ctdesign87](https://forum.kirupa.com/u/ctdesign87)\
**Post date:** [March 5, 2008, 12:22am UTC](https://forum.kirupa.com/t/suckerfish-menu-css-issues-ie6/253773/1 "2008-03-05T00:22:17Z")

</div>

Hey guys  
Just created a menu recently for a website. It uses CSS (off the suckerfish model). Here is the code and URL:

[http://www.redmeetsblue.com.au/rmbclient/wajeep/index.php?option=com\_content&task=view&id=12&Itemid=26](http://www.redmeetsblue.com.au/rmbclient/wajeep/index.php?option=com_content&task=view&id=12&Itemid=26)

It looks good in IE7 and Firefox, but not the cursed IE6.

Attached to this message, is a screenshot of what it looks like in IE6. It’s most definitely an issue with IE6 interpreting the CSS.

```auto
#mainlevel,#mainlevel ul{
float:right;
list-style:none;
line-height:1em;
background:transparent;
font-weight:700;
margin:0;
padding:0;
}

#mainlevel a{
	display:block;
	text-decoration:none;
	height: 100%;
	padding-top: 0.7em;
	padding-right: 0.8em;
	padding-bottom: 0.3em;
	padding-left: 0.8em;
}

#mainlevel a:hover {
	color: #d6ecfa;
}

#mainlevel li{
	float:right;
	padding:0;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
	height: 25px;

}
#mainlevel li ul{
position:absolute;
left:-999em;
height:auto;
width:11em;
font-weight:400;
background:#36f;
border:#00C 1px solid;
margin:0;
}
#mainlevel li li{
width:11em;
}
#mainlevel li ul a{
width:11em;
color: #FFFFFF;
font-size:0.9em;
line-height:1em;
font-weight:400;
}

#mainlevel li:hover ul ul,#mainlevel li:hover ul ul ul,#mainlevel li.sfhover ul ul,#mainlevel li.sfhover ul ul ul{
left:-999em;
}
#mainlevel li:hover ul,#mainlevel li li:hover ul,#mainlevel li li li:hover ul,#mainlevel li.sfhover ul,#mainlevel li li.sfhover ul,#mainlevel li li li.sfhover ul{
left:auto;
z-index:6000;
}

```

and the html:

```auto
<div id="chrysler-menu_">
    	
      	<div id="chrysler-menu_left"> <div class="moduletable_dropdown">
			<ul id="mainlevel_dropdown"><li><a href="http://www.redmeetsblue.com.au/rmbclient/wajeep/index.php?option=com_frontpage&amp;Itemid=29" class="mainlevel_dropdown"><img src="http://www.redmeetsblue.com.au/rmbclient/wajeep/images/stories/chrysler_topleft_home.gif" border="0" alt="Home"/></a><ul ><li><a href="http://www.redmeetsblue.com.au/rmbclient/wajeep/index.php?option=com_content&amp;task=view&amp;id=12&amp;Itemid=99" class="sublevel_dropdown" id="active_menu_dropdown"><img src="http://www.redmeetsblue.com.au/rmbclient/wajeep/images/stories/home_dropdown_chrysler.gif" border="0" alt="Chrysler Main Page"/></a></li><li><a href="http://www.redmeetsblue.com.au/rmbclient/wajeep/index.php?option=com_content&amp;task=view&amp;id=13&amp;Itemid=100" class="sublevel_dropdown"><img src="http://www.redmeetsblue.com.au/rmbclient/wajeep/images/stories/home_dropdown_jeep.gif" border="0" alt="Jeep Main Page"/></a></li><li><a href="http://www.redmeetsblue.com.au/rmbclient/wajeep/index.php?option=com_content&amp;task=view&amp;id=14&amp;Itemid=101" class="sublevel_dropdown"><img src="http://www.redmeetsblue.com.au/rmbclient/wajeep/images/stories/home_dropdown_dodge.gif" border="0" alt="Dodge Main Page"/></a></li></ul></li><li><a href="http://www.redmeetsblue.com.au/rmbclient/wajeep/index.php?option=com_content&amp;task=view&amp;id=24&amp;Itemid=48" class="mainlevel_dropdown"><img src="http://www.redmeetsblue.com.au/rmbclient/wajeep/images/stories/chrysler_topleft_contactusnow.gif" border="0" alt="Contact Us"/></a></li><li><span class="mainlevel_dropdown"><img src="http://www.redmeetsblue.com.au/rmbclient/wajeep/images/stories/93099999.gif" border="0" alt="9309 9999"/></span></li></ul> </div>
				</div>

        
        <div id="chrysler-menu_right"> <div class="moduletable">
			<ul id="mainlevel"><li><a href="http://www.redmeetsblue.com.au/rmbclient/wajeep/index.php?option=com_content&amp;task=view&amp;id=25&amp;Itemid=50" class="mainlevel">Specials</a></li><li><a href="http://www.redmeetsblue.com.au/rmbclient/wajeep/index.php?option=com_content&amp;task=view&amp;id=24&amp;Itemid=49" class="mainlevel">Contact Us</a></li><li><a href="http://www.redmeetsblue.com.au/rmbclient/wajeep/index.php?option=com_content&amp;task=view&amp;id=23&amp;Itemid=45" class="mainlevel">About Us</a></li><li><a href="http://www.redmeetsblue.com.au/rmbclient/wajeep/index.php?option=com_content&amp;task=view&amp;id=22&amp;Itemid=42" class="mainlevel">Parts</a></li><li><a href="http://www.redmeetsblue.com.au/rmbclient/wajeep/index.php?option=com_content&amp;task=view&amp;id=21&amp;Itemid=39" class="mainlevel">Service</a></li><li><a href="http://www.redmeetsblue.com.au/rmbclient/wajeep/index.php?option=com_content&amp;task=view&amp;id=20&amp;Itemid=36" class="mainlevel">Finance</a></li><li><a href="http://www.redmeetsblue.com.au/rmbclient/wajeep/index.php?option=com_content&amp;task=view&amp;id=27&amp;Itemid=61" class="mainlevel">News</a></li><li><a href="http://www.redmeetsblue.com.au/rmbclient/wajeep/index.php?option=com_content&amp;task=view&amp;id=26&amp;Itemid=58" class="mainlevel">PreOwned</a></li></ul> </div>
				</div>
        
    </div>

```

Any help appreciated.  
 ![](http://www.redmeetsblue.com.au/rmbclient/wajeep/ie6menu.png)