PDA

View Full Version : Suckerfish menu CSS issues - IE6


ctdesign87
March 4th, 2008, 07:22 PM
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

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.


#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:


<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;Itemi d=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;Itemi d=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;Itemi d=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;Itemi d=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;Itemi d=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;Itemi d=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;Itemi d=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;Itemi d=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;Itemi d=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;Itemi d=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;Itemi d=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;Itemi d=58" class="mainlevel">PreOwned</a></li></ul> </div>
</div>

</div>


Any help appreciated.
http://www.redmeetsblue.com.au/rmbclient/wajeep/ie6menu.png