Menu Horizontal no IE

Ae pessoal,

Estou com problemas no menu horizontal que eu fiz, ele fica quebrado no IE!

O menu no Firefox e no Chrome aparece assim:

/applications/core/interface/imageproxy/imageproxy.php?img=http://img593.imageshack.us/img593/7708/menunormal.png&key=16afc39f1e9615e69c80be7653045ed8004d31aa59cecb09610c0956ce933e04" alt="Imagem Postada" />

Já no IE ele fica quebrado, dessa forma:

/applications/core/interface/imageproxy/imageproxy.php?img=http://img600.imageshack.us/img600/2909/menuie.png&key=e6d4d3d40f72473e4776c99ba96b3c35128a21424d4465de6500f816b7eaa77a" alt="Imagem Postada" />

O código que usei nos menus é o seguinte:

div#menu{

	font-family: Calibri,Tahoma,Verdana;
	font-size: 10px;
	height: 37px;
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-top: 10px;
	padding-bottom: 100px;
}

div#menu ul{

	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 37px;
}

#menu ul li a{

	float: left;
	font-size: 12px;
	text-decoration: none;
	color: #666666;
	line-height: 38px;
}

#menu ul li a:hover {

	float: left;
	color: #FFFFFF;
}

div#menu_mid{

	float: left;
	width: 970px;
}

div#menu_mid .first_mainlevel{

	background: url(../images/fundo_esq_normal.png) 0 0 no-repeat;
	width: 138px;

}

div#menu_mid .first_mainlevel:hover{

	background: url(../images/fundo_esq_select.png) 0 0 no-repeat;
	width: 138px;
}

div#menu_mid .last_mainlevel{

	background: url(../images/fundo_dir_normal.png) 0 0 no-repeat;
	width: 138px;
}

div#menu_mid .last_mainlevel:hover{

	background: url(../images/fundo_dir_select.png) 0 0 no-repeat;
	width: 138px;
}

div#menu_mid .mainlevel{

	background: url(../images/fundo_normal.png) 0 0 no-repeat;
	width: 138px;
}

div#menu_mid .mainlevel:hover{

	background: url(../images/fundo_select.png) 0 0 no-repeat;
	width: 138px;
}

Alguém sabe o que está errado?