background-size ie8

[dizzyk]

В общем есть меню 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 нужно оставить

Edited November 1, 2012 by dizzyk

[chiosan]

ну так убери background-size, вместо него поставь картинку в том блоке, и растени ее на 100%

[dizzyk]

ну так убери background-size, вместо него поставь картинку в том блоке, и растени ее на 100%

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