CSS многоуровневое выпадающее меню положение следующего уровня

Question

Мне было интересно, как можно выложить css (по оси x). На данный момент это выглядит следующим образом:

Top Level (вы наведете и это кажется)

• Второй уровень
• Второй уровень (зависать)
• Второй уровень

Когда ты наведите указатель на второй уровень, третий под ним появится, как я могу его расположить так каждый раз, когда он находится сбоку? Спасибо :)

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

Answer 1

Я обновил jsFiddle с этим кодом в CSS

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

вот он: http://jsfiddle.net/YgYtL/16/

Answer 2

Target ваш третий выпадающий уровень и положение его точно 100% от левой части второго элемента уровня, который должен быть по всей ширине вашего второго уровня выпадающего списка, например, так:

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

Демо: http://jsfiddle.net/YgYtL/24/