dizzyk

меню выводится через движок, нужно решить с помощью css. Костыль типа через js добавить туда картинку и растянуть как-то не нравится... уж чересчур криво выглядит

В общем есть меню 3х уровневое. В подменю 2 и 3 уровня фон, который должен растягиваться в высоту в зависимости от содержимого. Вроде ничего сложного, для ие используем фильтр -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/submenu_back.png',sizingMethod='scale')"; Но почему-то 3й уровень теперь совершенно не виден и появляется только если отключить фильтр, но тогда фон не растягивается. Задание overflow: visible ничего не дает, а при auto или scroll появляется полоса прокрутки, с помощью которой можно докрутить до потерянного подменю. Кто-нибудь сталкивался с подобной нечеловеческой тупостью? Нужно только для ie8+ #menu > ul > li ul.submenu{ width: 200px; position: absolute; left: -1px; top: 33px; padding: 5px 0 10px 0; background: #646464; background: url("/images/submenu_back.png") no-repeat; background-size: cover; -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/submenu_back.png',sizingMethod='scale')"; z-index: 300; display: none; } #menu .submenu .submenu{ position: absolute; left: 199px; top: -5px; } как-то так проблемный участок выглядит Обнаружил, что если убрать z-index, то все нормально отображается. Но проблему это не решает - z-index нужно оставить