Подменю не отображается вертикально

Question

Я сражался с этим, вероятно, через 6 часов и полностью в тупике. Я не могу заставить подменю появляться вертикально при наведении мыши. Вот ссылка cssdesk. Что я испортил? Я знаю, что это действительно просто.

http://www.cssdesk.com/n8WCm

Если ссылка не работает для вас, пожалуйста, увидеть этот фрагмент кода:

.nav8 ul .sub-menu{ 
    position:absolute; 
    display:none; 
} 

.nav8 li:hover ul.sub-menu { 
    display: block; 
    background:#000; 
    border: 1px solid #ececec; 
} 

Если есть больше, что вам нужно, пожалуйста, дайте мне знать.

Answer 1

добавить к вашему Css

.nav8 ul li li{ 
    clear:both; 
} 
.nav8 ul li ul{ 
    width:20% !important; 
} 

Answer 2

вы должны сделать это не поплыл влево, как в главном меню, поэтому я хотел бы предложить, чтобы очистить его после каждого подменю Ли и дать ему фиксированную ширину

.nav8 li:hover ul.sub-menu li { 
     clear:both; 
     width: 200px; 
    }