Выпадающее меню

[jazzplannet]

Прописал выпадающее меню такого вида

<div class="menu1">
<span>
<a href="#2" class="sub">Каталог

<table><tr><td>

<a href="http://www.ualab.net/katalogchemicalreagents/chemicalreagents.htm">Химические реактивы</a>

<a href="http://www.ualab.net/katalogchemicalreagents/laboratory_tableware.htm">лабораторное стекло</a>

<a href="http://www.ualab.net/katalogchemicalreagents/equipment.htm">Оборудование</a>

<a href="http://www.ualab.net/katalogchemicalreagents/furniture.htm">Мебель</a>

<a href="http://www.ualab.net/katalogchemicalreagents/concomitant_commodities.htm">Сопутствующие товары</a>

</td></tr></table>

</a>

</span>
</div>

css

.menu1 { position:relative; left:30px; z-index:100; margin:0 auto; text-align:center; }

.menu1 a { padding-bottom:20px; line-height:25px; }

.menu1 a:hover { cursorointer; color:#FFFF00; text-decoration: underline; }

.menu1 span { position:relative; display:block; float:left; height:25px; line-height:25px; padding:3px 10px; background:#999999; border-left:5px; }

.menu1 span table { position:absolute; left:0; top:30px; background:#999999; border:1px solid #ccc; border-top:0; z-index:10; display:none; -display:expression('none'); /* IE 6 fucking bug */ }

.menu1 span table a { display:block; text-indent:10px; padding:5px 0; margin:2px; background:#999999; text-decoration:none; color:#000099; width:200px; border:0; line-height:120%; }

.menu1 span table a:hover { background:#000; font-weight:bold; text-decoration: underline; color:#FFFF00; }

.menu1 a:hover table /* Opera, IE, Safari */,

.menu1 span:hover table { display:block; } /* FF */

.menu1 .sub { padding-bottom:100px; text-decoration:none; }

Проблема в том что меню пропадает в експлорере. Может кто знает как это исправить? Вот пример ualab.net