Menu DropDown dando erro no IE

Meu menu DropDown (CSS + algum Javascript) está completamente desconfigurado no IE. Alguma coisa que o IE não entende está fazendo ele ficar muito à esquerda (desalinhado com o menu principal) e também o z-index parece não funcionar no IE (o menu foi para trás de todo o conteúdo, mesmo colocando com hack um z-index absurdo).

Qual será o problema?

Pegar o IE e jogar fora?

É o que eu gostaria, mas infelizmente não é possível contando que temos trocentos usuários (estilo usuário de posinho branco, baseado e outros) desta ferramenta de navegação da Microsoft.

Espero ter sido suficientemente clara e desculpe por manifestar a minha indignação, mas me falaram para mostrar ao mundo suas "trevas"...

Pois é...

Agradeço desde já a paciência dos senhores e senhoras por me ler.

E vou colocar abaixo a parte do código que equivale ao menu dropdown.

HTML

CODE

 <div id="menudd"> <ul class="level1" id="root">

 <li>

 <a href="#">Calçados</a>

 <ul class="level2">

 <li><a href="produtos_bota.html">Bota</a></li>

 <li><a href="produtos_bor.html">Chinelos de Borracha</a></li>

 <li><a href="produtos_ras.html">Rasteiras</a></li>

 <li><a href="produtos_lona.html">Sandálias de Lona</a></li>

 </ul>

 </li>

 <li>

 <a href="#">Bolsas</a>

 <ul class="level2" style="margin-left:-82px;">

 <li><a href="produtos_ensp.html">Eu Não Sou de Plástico</a></li>

 <li><a href="produtos_cam.html">Camicam</a></li>

 <li><a href="produtos_tira.html">Tiracolo</a></li>

 <li><a href="produtos_mao.html">de Mão</a></li>

 <li><a href="produtos_sho.html">Bag Shop</a></li>

 <li><a href="produtos_moch.html">Mochilas e Pastas</a></li>

 <li><a href="produtos_trans.html">Transversal</a></li>

 <li><a href="produtos_poc.html">Pochete</a></li>

 </ul>

 </li>

 <li>

 <a href="#">Acessórios</a>

 <ul class="level2" style="margin-left:-150px;">

 <li><a href="produtos_cart.html">Carteiras</a></li>

 </ul>

 </li>

 

 </ul>

 </div>

CSS

CODE

#menudd {	width: 100%;

	background:#f2ecd6;

	padding: 0;

	height: 26px;

	font-family:"Trebuchet MS", Arial, sans-serif;

	text-transform:uppercase;

	text-decoration:none;

}

#menudd ul {

	display: block;

	margin: 0;

	padding: 0;

	line-height: 18px;

	list-style: none;

	z-index: 350;

}

#menudd ul li {

	float: left;

	margin: 0 3px 0 10px;

	padding: 0;

	font-size: 12px;

	font-weight:bold;

	line-height: 20px;

	list-style-type: none;

}

#menudd ul li a {

	float: left;

	display: block;

	width: auto;

	font-weight: normal;

	background: transparent;

	text-decoration: none;

	color:#1f5b42;

	margin: 0;

	padding: 4px 8px 4px 8px;

}

#menudd ul li a:hover {

	background-color:#d6dbc5;

	text-decoration: none;

}

/ Commented Backslash Hack hides rule from IE5-Mac \/

#menudd ul li a {

	float: none;

}

/ End IE5-Mac hack /

#menudd ul.level2, #menudd ul.level3 {

	position: absolute;

	top: 0px;

	left: 0px;

	visibility: hidden;

	border-left: 1px solid #fff;

	border-top: 1px solid #fff;

	border-right: 1px solid #fff;

	background-color:#d6dbc5;

}

#menudd ul.level2 li, #menudd ul.level3 li {

	border-bottom: 1px solid #fff;

	float: none;

	margin: 0;

	padding: 0;

	width: 150px;

	height:24px;

}

#menudd ul.level2 li a, #menudd ul.level3 li a {

	padding: 5px 9px 5px 5px;

	font-size:10px;

}

#menudd ul.level2 li a:hover,#menudd ul.level3 li a:hover {

	font-weight: normal;

	background:#f2ecd6;

	background-image: none;

}