Div при наведении перекрывает меню

[tart]

Подскажите как реализовать, голову уже сломал.

При наведении на первую строку из меню, выползает блок с содержимым, и при этом перекрывает вторую строку меню. Нужно чтобы было при наведении на первую строку меню (категорию) выглядело как на втором варианте. Скриншоты для более расширенного представления проблемы прилагаю.

[max0n]

В теории, надо изменить координаты отрисовки...
на практике, даже код не выложили... якобы на форуме экстрасенсы

[kostyanet]

В оригинала наверняка на такие объемы представления не рассчитывали, а ТС рассчитывал что оригинал сам все учтет.

Это вручную рамки нарисованы, или outline?

В начале своего css сделайте так

div{outline:1px solid red;}
li{outline:1px solid green;}

и полюбуйтесь и поймете что куда двигать надо.

В каких-то браузерах говорят эта хрень встроена - обводить все елементы тонкой линией.

[tart]

В оригинала наверняка на такие объемы представления не рассчитывали, а ТС рассчитывал что оригинал сам все учтет.

Это вручную рамки нарисованы, или outline?

В начале своего css сделайте так

div{outline:1px solid red;}
li{outline:1px solid green;}

и полюбуйтесь и поймете что куда двигать надо.

В каких-то браузерах говорят эта хрень встроена - обводить все елементы тонкой линией.

Cпасибо!