Выпадающий список

[seemax]

Хотел бы спросить как можно устранить раздвигание выпадающим списком пунктов основного меню http://jsfiddle.net/HDpPk/

Задал АР для .MainMenu чтобы выпад список не двигал нижележащий блок. Проблема ушла.

Но теперь текст в выпад списке раздвигает само меню. Задать АР для выпадающих ссылок дает очень корявое отображение всего меню.

+ когда перенес тот же код в Фидли, получил "ныряние" всего меню при выпадании списка.

Edited June 21, 2012 by seemax

[Softlink]

Наверное надо было задать position: relative для li-родителя.

[seemax]

Спасибо! Работает корректно.

Только ширину li.headlink:hover ul пришлось задать иначе сворачивало выпадающий под ширину родительского li.

[seemax]

Разместил где надо это меню http://pomidor.com.ua/seemax/Imageneer/HTML/Imageneer.html

но работает несколько иначе, чем здесь http://jsfiddle.net/Softlink/HDpPk/1/ в одном и том же браузере.

Проверил стили не один раз и не нашел причину\несовпадение.

Т есть, суть явления в том что выпадающий список "убегает" когда курсор покидает родителя. Причем происходит это не всегда...