...

View Full Version : CSS hover dropdown menu not working in IE6



emmaho
05-26-2009, 04:53 PM
Hi having problems fixing a hover dropdown menu in IE6, can
anybody help.

See below the html and css. I have tried using JS but haven't managed
to get it working. Would be very grateful for any advice.

html

<div class="template_row" id="menu">

<ul id="item1">
<li class="cpanel_link"><a href="index.php">Home</a></li>
</ul>

<ul id="item2">
<li class="cpanel_link"><a href="howwework.php">How we work</a></li>
</ul>

<ul id="item3">
<li class="cpanel_link"><a href="whatwedo.php">What we do</a></li>
<li class="item"><a href="frameworks.php">Frameworks</a></li>
</ul>

<ul id="item4">
<li class="cpanel_link"><a href="whowework.php">Who we work with</a></li>
<li class="item"><a href="wherewework.php">Where we work</a></li>
</ul>
<ul id="item4">
<li class="cpanel_link"><a href="howwethink.php">How we think</a></li>
<li class="item"><a href="learnings.php">Learnings</a></li>
</ul>
<ul id="item4">
<li class="cpanel_link"><a href="whoweare.php">Who we are</a></li>
<li class="item"><a href="joinus.php">Join us</a></li>
</ul>
<ul id="item4">
<li class="cpanel_link"><a href="contactus.php">Contact us</a></li>
</ul>
</div>


css
#menu{
position:relative;
margin-top:0px;
left: 0px;
top: 0px;
background-color: #0B51A2;
}
#menu ul .item{display:none;}
#menu ul:hover .item{
display:block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #63BEEB;
text-align: center;
font-weight: normal;
}
#menu ul:hover .item a{color:#fff;text-decoration:none;}
#menu ul:hover .item a:hover{
color:#999;
}

#menu ul{
width:165px;
float:left;
margin:0px;
padding:0px;
list-style:none;
background-color: #0B51A2;
height: 20px;
vertical-align: middle;
}
.clear{
clear:both;
height:10px;
}
a{
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFF;
}
a:hover { text-decoration:underline; }

abduraooft
05-26-2009, 04:58 PM
http://htmldog.com/articles/suckerfish/dropdowns/ is a good resource to learn the making of a drop down.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum