Проблема с IE и CSS3

Проблема состоит в том, что я сделал меню и с помощью css3 закруглил углы. Все кроссбраузерно, все работает. Но вот теперь нужно, чтобы при наведении на крайние пункты менялся фон у ссылки и соответственные углы округлялись( фон - 1пиксельная повторяющаяся картинка). Во всех браузерах работает, во все ИЕ нет. Как это решать?

<div id="menu_top">

        	<ul>

            	<li><a href="" class="main">Главная</a></li>

                <li><a href="">Отзывы</a></li>

                <li><a href="">Купить</a></li>

                <li><a href="">FAQ</a></li>

                <li><a href="">Контакты</a></li>

                <li><a href="">Для участников</a></li>

                <li><a href="" class="enter">Войти</a></li>

            </ul>

        </div>

#menu_top{

position:relative;

margin-top:20px;

margin-bottom:50px;

width:960px;

height:55px;

background:url(../images/bg_menu.jpg) repeat-x;

-moz-border-radius: 20px; /*для Firefox */

-webkit-border-radius: 20px; /* Safari и Chrome */

border-radius: 20px; /* Opera 10.5+, а также версии других браузеров в будущем */

behavior: url(js/ie-css3.htc); /* Поддержка IE 6,7,8. */

}

#menu_top li{

list-style-type:none;

display:inline;

}

#menu_top li a{

position:relative;

display:block;

float:left;

padding-top:20px;

padding-left:20px;

padding-right:20px;

padding-bottom:17px;

font-family:arial;

text-transform:uppercase;

text-decoration:none;

color:#FFFFFF;

font-size:14px;

font-weight:700;

background:url(../images/razdel_menu.jpg) no-repeat right;

}

#menu_top li a:hover{

background:url(../images/bg_menu_active.jpg) repeat-x;

padding-bottom:17px;

}

#menu_top li a.main:hover{

background:url(../images/bg_menu_active.jpg) repeat-x;

padding-bottom:17px;

-moz-border-radius: 20px 0 0 20px; /*для Firefox */

-webkit-border-radius: 20px 0 0 20px; /* Safari и Chrome */

border-radius: 20px 0 0 20px; /* Opera 10.5+, а также версии других браузеров в будущем */

behavior: url(js/ie-css3.htc); /* Поддержка IE 6,7,8. */

}

#menu_top li a.enter{

position:relative;

display:block;

float:right;

padding-top:20px;

padding-left:20px;

padding-right:20px;

padding-bottom:17px;

font-family:arial;

text-transform:uppercase;

text-decoration:none;

color:#FFFFFF;

font-size:14px;

font-weight:700;

background:none;

}

#menu_top li a.enter:hover{

display:block;

background:url(../images/bg_menu_active.jpg) repeat-x;

padding-bottom:17px;

-moz-border-radius: 0px 20px 20px 0px; /*для Firefox */

-webkit-border-radius: 0px 20px 20px 0px; /* Safari и Chrome */

border-radius: 0px 20px 20px 0px; /* Opera 10.5+, а также версии других браузеров в будущем */

behavior: url(js/ie-css3.htc); /* Поддержка IE 6,7,8. */

}

Ие 9 все норм

Цитата ("Webasic"):

Ие 9 все норм

Нет у меня ИЕ 9 не могу проверить. Точно все работает?

Ну а что делать с остальными ослами?

Цитата ("Masterix"):

Цитата ("Webasic"):

Ие 9 все норм

Нет у меня ИЕ 9 не могу проверить. Точно все работает?

Ну а что делать с остальными ослами?

а может стоить их выкинуть? кроме ие8 - в него поставить картинкой

Masterix, косяки не только в IE 6, но и в 7 и 8 (по крайней мере в IETester). А зачем вам делать на CSS3? Имхо легче, быстрее и кроссбраузернее - сделать с помощью фоновых изображений. Сделать зеленую подсветку с закругленными краями (справа и слева) достаточной длины и позиционировать её в зависимости от пункта меню либо left (если это первый пункт), либо right (если последний) или center (если внутренний). Ну и чтобы не было задержки в подгрузке подсветки - нужно прописать фоновые изображение даже без hover только спозиционировать его так, что бы его не было видно.

Цитата ("TitokR"):

Masterix, косяки не только в IE 6, но и в 7 и 8 (по крайней мере в IETester). А зачем вам делать на CSS3? Имхо легче, быстрее и кроссбраузернее - сделать с помощью фоновых изображений. Сделать зеленую подсветку с закругленными краями и позиционировать её в зависимости от пункта меню либо left (если это первый пункт), либо right (если последний) или center (если внутренний). Ну и чтобы не было задержки в подгрузке подсветки - нужно прописать фоновые изображение даже без hover только спозиционировать его так, что бы его не было видно.

Давайте, чтобы я не начал обижать, Вы со своими советами пройдете мимо или подскажите по CSS3 как это сделать. Извините, за резкость.

Ие9 поддерживает цсс3. Для 6-8 используется скрипт. Какой?
Хотя, какой бы ни был, на ховер он не срабатывает ((( Проверено.

Цитата ("floppox"):

Хотя, какой бы ни был, на ховер он не срабатывает Проверено.

вот вот...а что делать с этим ховером блин

Я в аналогичной ситуации по-старинке углы резала. Только тенью под текстом заказчик согласился пожертвовать (при ховере в ие).
Эмулятор цсс3 так же не работает, если класс присваивается из JS.

А у меня радикальный совет: надо забить или на CSS3 или на пользователей IE lgt 8

Цитата ("cmd"):

на пользователей IE lgt 8

резоннее...