Проблема с шириной UL второго уровня - только css

Question

У меня возникла проблема с попыткой получить UL второго уровня с 100% шириной, основанной на родительском LI, а не на первом уровне UL, как сейчас. Я пытаюсь использовать только CSS, если это возможно. Причина, по которой я пытаюсь понять это, заключается в том, что я могу затем центрировать раскрывающийся список под родителем.

Чтобы лучше понять, что я пытаюсь имитировать это навигационное выпадающее меню при наведении на MEN: http://us.gant.com/

<ul> <----first level 
    <li> 
    <ul> <----second level 
    <li></li> 
    </ul> 
    </li> 
</ul> 

Answer 1

Вы должны указать ширину родительского li для этого. Так что-то вроде этого:

ul li { 
    width: 50px; 
} 

ul li li { 
    width: auto; /* reset width */ 
} 

Теперь ul из подменю имеет ту же ширину li, потому что li его первый предок с шириной указан.