CSS Menu

[keef]

Hello,
I'm having a small problem with my CSS menu. It a vertical menu made with from a nested list.
When you hover over the first level items, the second level items appear to the right.
The last link in the second level does not work. it sticks out the bottom of the menu, is that the problem and can i fix it.

Any help would be greatly appreciated

Thanks

Vicky

[skullsnest]

can you give us a link or show the code

[keef]

The CSS looks like this:

#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
float : left;
width : 8em;
padding-left:10px;
}

#nav li {
position : relative;
float : left;
line-height : 1.5em;
margin-bottom : -0.5px;
width: 8em;


}

#nav li ul {

position : absolute;
left: -999em;
margin-left : 7.9em;
margin-top : -1em;
padding-left:0px;
border-top:thin solid #0d0046;

}

#nav li a {
width: 8em;
w\idth : 7em;
display : block;
padding : 0 0.5em;
text-decoration:none;
border-bottom: thin solid #0d0046;
background-color:#fff;
color:#0d0046;
}
#nav li:hover ul {
left: auto;
}

[keef]

Wait, sorry, it does work

I'm a dick thats all

My apologies for wasting all your time

Vicky