Закруглённые углы с прозрачностью в IE6

[JTG]

Нужно вот такую штуку сделать в 6 осле. В данный момент закругляется это всё дело рисованием огромного количества однопиксельных дивов по углам, костыли жуткие. Может кому-нибудь попадалось решение поэлегантнее, желательно без JS?

[Виталий Желтяков]

Открывать Oper-ой.

[JTG]

Спасибо, решили не насиловать осла и делать картинками.

Собственно табы с выпадающим меню

<ul class="menu">
    <li class="number1-li"
        <a href="Категория 1" class="item_off number1-a menu_timeout">
            Текст на табе
	 <span class="tab_TL">&nbsp;</span>
	 <span class="tab_TR">&nbsp;</span>
        </a>
        <ul class="submenu_1" style="display:none">
            <!-- выпадающее меню 1 -->
        </ul>
    </li>

    <li class="number2-li"
        <a href="Категория 2" class="item_off number2-a menu_timeout">
            Текст на табе
	 <span class="tab_TL">&nbsp;</span>
	 <span class="tab_TR">&nbsp;</span>
        </a>
        <ul class="submenu_1" style="display:none">
            <!-- выпадающее меню 2 -->
        </ul>
    </li>

   ...

</ul>

Закругления в виде 2 блоков по углам с фоновой картинкой

/* _new_styles.css */

.menu li a {
	display: block;
	float: left;
	padding: 7px 7px 0;
	height: 28px;
}

.tab_TL {
	position:absolute;
	top:0px;
	left:0px; 
	width:11px;
	height:11px;
	background-image:url(../img/tab_corners.gif);  
}

.tab_TR {
	position:absolute;
	top:0px;
	right:0px;
	width:11px;
	height:11px;
	background-position:100% 0;
	background-image:url(../img/tab_corners.gif);
}

a.item_off:hover .tab_TL, a.menu_timeout .tab_TL { 
	background-image:url(../img/tab_corners_active.gif);        
}

a.item_off:hover .tab_TR, a.menu_timeout .tab_TR {    
	background-image:url(../img/tab_corners_active.gif);              
}

Отдельно работало везде, в куче с остальными стилями сайта косячит IE Помогите разобраться

[Alexei91]

Подключите JS-скрипт во вложении - он учит IE6 воспринимать прозрачность PNG.
Вместо GIF используйте PNG с закруглёнными краями.
Пример использования:

<!--[if lt IE 7]> <!-- инструкция кот. будет воспринимать только IE-->
<!--подключаете скрипт -->
		  self.status='Обновите Ваш браузер до версии Internet Explorer 7 или выше ,но лучше используйте Opera или Firefox.';
<!-- пусть пользователь обновит свой браузер -->
		  DD_belatedPNG.fix('.tab_TL ');
		  DD_belatedPNG.fix('.tab_TR );
                 ...
		</script>	
<![endif]-->

В параметрах передаёте то,что у вас в CSS.
Теперь IE 6,а также IE 5.5 воспринимают прозрачность PNG.

[ersl]

Попробуйте применить этот функционал
http://css3pie.com/