I’m sorry to ask again but I still don’t know what to do. My style sheet for navigation is as such:
#navigation
{
position:relative;
clear:both;
float:left;
width:960px;
margin:0 0 10px 0;
padding:10px 10px 0 10px;
background:url(images/navigation.png) top left;
list-style:none;
/*position:absolute;
bottom:10px;
right:0px;*/
}
#navigation li
{
position:relative;
float:left;
margin:0;
padding:0;
width:auto;
}
#navigation li ul
{
z-index:10;
position:absolute;
top:31px;
left:-9999px;
float:right;
margin:0;
padding:0;
list-style:none;
background:url(images/navigation_sub.png) top left;
}
#navigation li:hover ul
{
left:0px;
}
#navigation li ul li, #navigation li ul li ul li
{
float:left;
width:200px;
position: relative;
}
#navigation li a
{
display: block;
float:left;
padding:8px 10px;
font-weight:bold;
text-transform:uppercase;
color:#FFF;
}
#navigation li ul li a
{
width:170px;
margin:5px;
}
#navigation li ul li a:hover
{
background:url(images/navigation.png) top left;
}
#navigation li ul li:hover
{
background:none;
}
#navigation li:hover, #navigation li.current_page_item, #navigation li.current_page_ancestor
{
background:url(images/navigation.png) top left;
}
#navigation li ul li ul, #navigation li:hover ul li ul
{
top:0px;
left:-9999px;
}
#navigation li ul li:hover ul
{
left:200px;
}
#navigation li.rss
{
float:right;
}
and the fix for ie7 looks like this
.ie7 #header { z-index:5; }
.ie7 #navigation { float:none; }
But the menu is still showing up as a list as opposed to a dropdown menu. I’ve searched everywhere and can’t find anything to help. Any ideas would be greatly greatly appreciated!!! Thank you!!