Problemas com Z-Index (IE)

Pessoal, tentei de varios jeitos, varios artigos, mas nada me resolveu o problema.

Tenho isso ó

<div class="dropdownmenu" onMouseOver="seeMenu('menucontent1', 'block')" onMouseOut="unseeMenu('menucontent1')">

	     

	<div class="content" id="menucontent1">
 MEU MENUZINHO
	</div>
</div>

e Isso

.dropdownmenu {
	text-decoration:	none;
	position: relative;
	background: transparent url(imagens/arrowdrop.png) center top no-repeat;
	display: inline;
}

.dropdownmenu .content {

	border: 3px solid #EAB693;
	visibility: hidden;
	position: absolute;
	left: -37px !important;
	top: 14px !important;
	left: -50px;
	top: 19px;
	z-index: 10;
}

Acontece isso no FF

/applications/core/interface/imageproxy/imageproxy.php?img=http://img136.imageshack.us/img136/179/zindexffd.th.png&key=867f6dc46b39ec80099b6ab7bd97e5cd8c3f57e786571976d74f1f4507d20061" alt="Imagem Postada" />

Mas no IE, a flechinha fica por cima.

/applications/core/interface/imageproxy/imageproxy.php?img=http://img190.imageshack.us/img190/4302/zindexie.th.jpg&key=9e1b0a75e071a79b46c222d0f53cc27ec9e72e52a707d07268be80a8bc7955f4" alt="Imagem Postada" />

Alguem tem alguma idéia do que pode ser feito?

Valeu