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

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

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

:thanks:

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

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

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

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

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

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

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

Cпасибо!