[CSS] Dropdown menu issues.

[Shadow121]

I have a #nav and .submenu CSS property. The subnav is taking from the nav and displaying horizontal with the hover and all that happy stuff. I want to make it go back to up/down like normal.

Here is the CSS:

#nav {
margin:37px 0 0 0;
}

#nav li {
list-style:none;
float:left;
padding:11px 7px 9px;
}

#nav li a {
padding:11px 7px 6px;
font:12px Georgia;
color:#ccc;
font-weight:bold;
text-decoration:none;
}

#nav li a:hover {
background:url(../images/nav_a.gif) bottom no-repeat;
color:#fff;
}

#nav .subnav{
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#nav .subnav li{
    position: relative;
}
#nav .subnav li ul{
    position: absolute;
    left: 0;
    top: 0;
}
#nav .subnav li a{
    display: block;
    width: auto;
    padding: 5px 0;
    padding-left: 10px;
}

 

[peterac]

Shadow21, try
#nav .subnav li{
position: relative;
display: block;
}
also
#nav .subnav li ul{
position: absolute;
left: 0;
top: 0;
}
will give position of sub menu off the subnav perhaps
#nav li ul{
position: absolute;
left: 0;
top: 0;
}
should set the position of .subnav
Hope this is of assistance
peter