Как правильно обернуть данные в блоки?

Question

[Ришат Султанов]

Добрый день господа.
Есть вот такой вывод данных:


Как сделать так чтобы верхнее меню при выводе свои данных продавливала данные в синем блоке?

Comments

[Максим Тимофеев]

продавливала?

[Ришат Султанов]

Максим Тимофеев: Ну как бы синий блок ехал в низ, дабы меню не попадало на него.

[Максим Тимофеев]

Ришат Султанов: Ну так у Вас меню видимо с абсолютным позиционированием, оно не растянет родителя.

[Ришат Султанов]

Максим Тимофеев: В данном случае если указываю другой параметр у меня заранее все продавливается.
Хотелось бы как hover сделать это. Как только многоуровневое меню открывается. Синий блок едет ниже.

www.screencapture.ru/uploaded/38/40/fb/3840fb00.jpg
Если поставить relative
На submenu
Все плохо.

[Максим Тимофеев]

Ришат Султанов: Вы код на https://jsfiddle.net киньте, а то так сложно понять в чем дело и что надо

[Ришат Султанов]

Максим Тимофеев: А если я ставлю позицию в hover.
То наблюдается вот такой баг с меню :
background красный плывет не нужный.

www.screencapture.ru/uploaded/93/9e/b2/939eb26C.jpg

Answer 1

[igumenov]

ul.menu>li:hover ul>li{
position:absolute;
z-index:1;
}

Comments

[Ришат Султанов]

В моем случае второй вывод данных это не список :(
https://gist.github.com/Rishats/26db4d9cb3256f6456...

[Егор Живагин]

Ришат Султанов: а какая разница? Решение-то тоже
По исходникам не очень понятно, где что. codepen или jsfiddle бы

Answer 2

[Alexander Pushkarev]

У дочернего ul повысить z-index например до 10.

Comments

[Ришат Султанов]

В моем случае второй вывод данных это не список :(
https://gist.github.com/Rishats/26db4d9cb3256f6456...