css drop down

[scruwys]

Heya all,

Been messing around with CSS drop down menus lately. They work perfect in ever browser except for IE.

For some reason, the drop down menu underneath the "design" link is floating to the right, so it's underneath the "about" link.

The link to the page is http://www.cruwysgraphics.com/
CSS: cruwysgraphics.com/css/1.css

Would appreciate the help. Thanks.

 

[scruwys]

***bump***

 

[mydesignbytes]

This is why I don't recommend dreamweaver, your code is everywhere and it may be best to scrap and start fresh. I know that's not the answer you wanted, but there are way to many issues going on.

#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:9em;
}
#menu li{
position:relative;
}
#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}

#menu ul ul ul{
top:0;
left:100%;
}
div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;
}
div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;
}

this needs to go and about a thousand other useless blocks.

Good luck.