Как сделать резиновое горизонтальное выпадающее меню?

Question

[habrazhitel]

Нужно сделать вот такое меню.
При наведении на пункт меню появляется подменю на 100% ширину экрана, проблема в том, что если писать так:

<ul>
<li>
<ul><li></li></ul>
</li>
</ul>

То ширина подпунктов равна ширине пункта.

Answer 1

[Виталий Киренков]

Проблема из за того, что у вас relative стоит на пункте, поставьте его на ul.

Comments

[habrazhitel]

Супер! Спасибо!

Answer 2

[cha-cha]

white-space: nowrap; для выпадающего li.

Comments

[habrazhitel]

не помогает