Странная проблема с behavior...

[milax]

Помогите пожалуйста. Сделал выпадающее меню без жабаскрипт на CSS. Поскольку для списка 6-й ИЕ :hover не понимает, использовал #main-menu ul li { behavior:url(menu.htc); }. Вот содержимое menu.htc:

<PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="DoHover()" />
<PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="RestoreHover()" />
<PUBLIC:ATTACH EVENT="onmousedown" ONEVENT="DoActive()" />
<PUBLIC:ATTACH EVENT="onmouseup" ONEVENT="RestoreActive()" />
<SCRIPT LANGUAGE="JavaScript">
function DoHover()
{ element.className += ' hover';
}

function DoActive()
{ element.className += ' active';
}

function RestoreHover()
{ element.className = element.className.replace(/bhoverb/,'');
}

function RestoreActive()
{ element.className = element.className.replace(/bactiveb/,'');
}
</SCRIPT>

Вот CSS:

#main-menu ul li ul.drop-down
{
 display: none;
 position: absolute;
 float: left;
 background: #8bc265;
 border: 1px solid #4c8327;
 padding: 0;
}

#main-menu ul li { behavior:url(menu.htc); }
#main-menu ul li:hover ul.drop-down, #main-menu ul li.hover ul.drop-down{ display: block; }

#main-menu ul li ul.drop-down li
{
 clear: both;
 line-height: 1.2;
 z-index: 0;
 background: none;
 position: relative;
 width: 110px;
 font-size: 11px;
}

#main-menu ul li ul.drop-down li a
{
 display:block;
 color: #bee8b8;
 background: none !important;
 border-bottom: 1px solid #83b165;
 padding: 2px 3px 6px 5px;
 margin-left: -3px;
 position: relative;
 width: 108px;
}

#main-menu ul li ul.drop-down li a:hover { color: #bee8b8; background: #4c8327 !important; }
* html #main-menu ul li ul.drop-down li a { left: 3px; padding-bottom: 4px; }
#main-menu ul li ul.drop-down li.last a { border-bottom: none; }

Вот кусок хтмл:

<ul>
	<li class="some">
 <a href="#">Menu item 1</a>
 <ul class="drop-down">
 <li><a href="#">Text 1</a></li>
 <li><a href="#">Text 2</a></li>
 <li><a href="#">Text 3</a></li>
 </ul>
 </li>
	<li class="some">
 <a href="#">Menu item 2</a>
 <ul class="drop-down">
 <li><a href="#">Text 1</a></li>
 <li><a href="#">Text 2</a></li>
 <li><a href="#">Text 3</a></li>
 </ul>
 </li>
</ul>

Примеров на эту тему полно в инете. Так в чем же моя проблема? В том, что Файрфокс и Опера нормально меню кушают, а ие6 и ие7 при переходе на сайт выдает... HTTP 404 - Файл не найден. menu.htc лежит в папке со стилями.

Проблема именно в цсс, т.к. когда закомментирую стили для меню - все ок и находит страницу. Помогите полжалуйста, очень надо.

[Dimitry Wolotko]

В проблемы верстки.