Question

I was wondering how a css drop down can be positioned (x axis). At the moment it looks like this:

Top Level (you hover and this appears)

• Second level
• Second Level (hover)
• Second Level

When you hover over the second level the third level appears underneath it, how do i position it so every time its at the side? Thanks 🙂

jsFiddle: http://jsfiddle.net/YgYtL/

Answer 1

I’ve updated the jsFiddle with this code in the css

#navMenu ul li ul li:hover ul{
    top : 0;
    left : 100%;
}

here it is : http://jsfiddle.net/YgYtL/16/