Postition absolute IE6 для em

[PaLyCH]

Есть такая конструкция

<div class="ml-div">
<a href="http://joos_rc1.ru/" title="Главная" class="mainlevel-1" >
<em>Главная</em>
</a></div>

Для нее CSS

a.mainlevel-1 {
	display:block;
	width:81px;
	height:22px;
	margin:0 auto;
	padding-top:89px;
	text-align:center;
	color:#9f1200;
	position:relative;
	background:url(../images/topmenu_1.png) center top no-repeat;}
a.mainlevel-1 em  {
	font-style:normal;
	position:absolute;
	display:block;
	width:140px;
	height:18px;
	left:-30px;
	text-decoration: none;
}
a.mainlevel-1:hover em {
	font-style:normal;
	background:url(../images/topmenu_hover.png) center top no-repeat;}

Во всех браузерах надпись <em> перед картинкой, в но только не в IE6. Там она в том же блоке.

Картинки прилагаю. Как сделать чтобы и в ИЕ появлялся фон под <em> при наведение была над слоем и соответствовала ширине.

Edited September 9, 2008 by PaLyCH

[klierik]

я, имхо, не понял в чем трабл =)

[PaLyCH]

Трабл в том что, при наведении текст должен быть на сером фоне с закруглениями. Как на картинке FF, O, IE7.

[Vlad]

Напрямую не получится, не умеет IE6 нормально с hover работать. Как аналог - использовать JS или специально для IE6 - expression или behavior.

Подробнее здесь можно почитать.

http://xpoint.ru/forums/programming/javasc...ead/34911.xhtml

[PaLyCH]

Напрямую не получится, не умеет IE6 нормально с hover работать. Как аналог - использовать JS или специально для IE6 - expression или behavior.

Подробнее здесь можно почитать.

http://xpoint.ru/forums/programming/javasc...ead/34911.xhtml

Мдя. Не простое решение. Как найду, обязательно отпишусь