Выподающее верхнее меню отображается криво.

[voldemar86]

Помогите допилить выподающее верхнее меню. Вот сайт http://passto8g.bget.ru/

Проблема в том что "Оргтехника и Полиграфия" имеют нормальный вид в выподающем меню, потому что высота пока нормальное. Но вот "Запчасти и принадлежности" и "Электростанции" после рисунка и названии имеется пространство которое надо в белый цвет закрасить background-color: #FFF;. Он не растягивается у меня по высоте. Конечно там проблем много.

[Kray Storm]

#slmenu ul li div .supermenu-left{} задать position:relative;

И вставить тот уголок через :after с position:absolute, указав top:0 и bottom:0 для растяжения по высоте. Спозиционировать картинку в фоне вниз на 100%. Ну и закрасить остальной фон в #fff. Добавить z-index:-1;. Ширина же там фиксированная. Теперь уголок будет ездить внизу, независимо от высоты выподающей области.

А тот блок, в котором он сейчас - убрать. Он совсем уж не на том месте. В Опере разлет еще больший, чем в FF.

Edited May 3, 2013 by Kray Storm

[voldemar86]

Kray Storm можно чуть по подробнее , что то у меня не совсем получилось.

Вот как я сделал.

#slmenu ul li div .supermenu-left {

display: inline-block;

float: left;

z-index: 9999;

width: 100%;

min-height: 180px;

position:relative;

}

#slmenu ul li div .supermenu-left:after{

bottom: 0;

top: 0;

left: -6px;

position: absolute;

z-index: 9;

background: #fff url('../image/list1.png') 0% 100% no-repeat;

width: 113px;

height: 84px;

z-index:-1