Elementen vallen over elkaar heen!

Hallo allemaal. Ik zit met een css probleem. Op de site waar ik mee bezig ben, www.gsens.nl/2009 , heb ik een horizontaal drop-down menu gemaakt. In alle browsers werkt dit prima, behalve uiteraard in IE. IE vindt dat als ik een submenu uitgeklapt heb en ik dan over een onderliggend (ja, ook in de z-index volgorde!) elament ga, dat hij dan het submenu maar weer weg moet doen. Je kunt de bron gewoon vanaf de pagina stelen, css van de elementen dat het betreft:

div.menu{
	width: 790px;
	height: 33px;
	padding: 0px 50px 0px 10px;
	background-color: #dfdfdf;
	font-size: 14px;
	color: #000333;
	background-image: url('site_img/menubgg.jpg');
	background-repeat: repeat-x;
	z-index: 4;
	position: relative;
}

div.main{
	width: 825px;
    height: auto;
	background-color: White;
	font-size: 10px;
	color: #000000;
	padding: 10px 5px 40px 20px;
	font-size: 12px;
	color: #323230;
	z-index: 1;
	position: relative;
}

#navbar {
	margin: 0px;
	padding: 0px;
	height: 25px;
	z-index: 5;
	position: relative;
}

ook alle andere elementen binnen de navbar ul hebben de z-index 5 en relatieve positionering. Iemand enig idee hoe ik IE moet tricken? :S