выпадающее меню теснит контент

[BrainExploded]

UPD: залил всё на jsfiddle, приношу извинения, что сразу не подумал об этом

http://jsfiddle.net/BrainExploded/tG6F8/3/

Выпадающее меню, как видно в примере, сдвигает вниз всю дальнейшую разметку.

Хау ту:

1)сделать, чтобы выпадающее меню не влияло на положение остальных элементов при, собственно, выпадании?

2)организовать возможность того, чтобы выпадающий список был любой ширины, притом, чтобы его ширина не распирала родительский список? Т.е. чтобы само меню было всегда со своими ширинами, а выпадающее подменю - со своими, но не меньше, чем ширина основного пункта меню. Тогда можно будет не указывать фиксированную ширину для пунктов, и она будет состоять из ширины текста и паддингов.

Уже часа четыре туплю над этим. Спасибо заранее.

Edited November 20, 2012 by BrainExploded

[mrnobody]

.nav > ul ul{
position: absolute;
}

[BrainExploded]

.nav > ul ul{
position: absolute;
}

Спасибо! Что-то дичайше туплю сегодня. А ведь хотел так сделать, но что-то меня остановило, как оказалось, интуиция подвела

[pismenny]

<offtop>

А какой смысл реализовывать это на JS? Только ради эффекта "затухания" кнопок?

Я прост делал недавно на чистом css, мне лично результат понравился.

</offtop>

Edited November 20, 2012 by pismenny