PDA

View Full Version : CSS dropdown not wokring in IE.


jay
11-02-2009, 06:49 PM
Hi

I am unable to get this code to run in IE6. The menu shows fine, but thwn i hover over an item no subitems appear Would someone please take a look and see what I'm doing wrong.

Thanks

CSS code

#nav, #dropdown {
margin:0;
padding:0 10px 0 10px;
list-style:none;
overflow:hidden;
background:#fff url(button1.gif);
border:1px solid #000;
border-width:0 1px;
border-bottom:1px solid #444;
float:inherit;
}
#nav li {

padding:inherit;
display:inline;
}
#nav li a{
display:inline;
height:35px;
line-height:35px;
color:#DAE0F1; /* menu text color */
text-decoration:none;
font-size:11px;
font-family:arial, verdana, sans-serif;
font-weight:bold;
text-align:left;
padding:0 5px 0 5px;
cursor:pointer;
}
#nav li a:hover {
color:#FFF;
background:#000 url(button2.gif); /* makes background green */
}
#dropdown {
position:absolute;
display:none; /* hides submenu */
z-index:50;
}
/* display submenu underneath each other */
#dropdown li {
float:left;
}
/* display submenu */
#itemtwo:hover #dropdown {
display:list-item;
float:left;
}

edbr
11-03-2009, 12:59 AM
i am not certain about this but i think you will need a conditional ie6 using tables for this. have a look at cssplay.co.uk and see hoe St nichols deals with this.

domedia
11-03-2009, 03:13 PM
Just need a js file for IE6. Look at the suckerfish menu for an example.