Как сверстать такой блок для меню?

Question

[topuserman]

Задача в том, чтобы у пунктов меню (.menu) был вложенный блок (например .subblock).

Например так:

<li>
   <span>item 1</span>
   <div class="subblock"></div>
</li>

Основная сложность в том, чтобы при наведении на пункт меню, этот блок раскрывался на всю основную часть крана.
Т.е. занимал всю часть, кроме самого .left-sidebar
В меня не получается адекватно позиционировать этот блок, и задать ему правильную ширину и высоту.

Answer 1

[Юрий]

Ширина сайдбара у вас задана изначально, так что вообще никаких проблем:

Comments

[topuserman]

Спасибо! А можно ли как-то без position: fixed это сделать ? чтобы высота и позиция этого всплывающего блока соответствовала высоте и позиции left-sidebar ?

[Юрий]

topuserman, сейчас у вас сайдбар на всю высоту экрана и так. Но можно сделать и абсолютом, только тогда position: relative нужно перенести с .menu li на .left-sidebar: