Horizontal menu not horizontal in IE6 and 7

		<div id="menu">
<ul id="nav">
<li class="page_item page-item-3"><a href="http://xn--easyln-mua.no/forbrukslan" title="Forbrukslån"><span>Forbrukslån</span></a></li>
<li class="page_item page-item-5"><a href="http://xn--easyln-mua.no/personlan" title="Personlån"><span>Personlån</span></a></li>
<li class="page_item page-item-7"><a href="http://xn--easyln-mua.no/lan-uten-sikkerhet" title="Lån uten sikkerhet"><span>Lån uten sikkerhet</span></a></li>
<li class="page_item page-item-9"><a href="http://xn--easyln-mua.no/kredittkort" title="Kredittkort"><span>Kredittkort</span></a></li>
<li class="page_item page-item-11"><a href="http://xn--easyln-mua.no/refinansiering" title="Refinansiering"><span>Refinansiering</span></a></li>
<li class="page_item page-item-13"><a href="http://xn--easyln-mua.no/boliglan" title="Boliglån"><span>Boliglån</span></a></li>
<li class="page_item page-item-15"><a href="http://xn--easyln-mua.no/motorlan" title="Motorlån"><span>Motorlån</span></a></li>
</ul>
		</div>

#menu {
	margin: 0px auto;
	margin-left: -20px;
	width: 100%;
	text-align: center;
}
ul#nav {
	list-style: none;
	text-align: center;
	white-space: nowrap;
	font-family: Tahoma;
	font-size: 12pt;
	margin: 20px 0 0 0;
}
#nav a, #nav a:visited {
	background: url(images/right.png) no-repeat top right;
	float:left;
	text-align: center;
	height: 35px;
	padding: 0 10px 0 10px;
	color:#112668;
	text-decoration:none;
}
#nav a:hover, #nav a:active {
	background: url(images/right_hover.png) no-repeat top right;
	height: 35px;
	float:left;
	text-align: center;
	padding: 0 10px 0 10px;
	color:#112668;
	text-decoration:none;
}
#nav .current_page_item a, #nav .current_page_parent a {
	background: url(images/right_hover.png) no-repeat top right;
	height: 35px;
	float:left;
	text-align: center;
	padding: 0 10px 0 10px;
	color:#112668;
	text-decoration:none;
}
#nav .current_page_item a span, #nav .current_page_parent a span {
	float:left;
	height: 35px;
	background: url(images/button_hover.png) no-repeat top left;
	text-decoration:none;
}
#nav a span {
	float:left;
	height: 35px;
	background: url(images/button.png) no-repeat top left;
	padding: 8px 10px 10px 20px;
	text-decoration:none;
}
#nav a:hover span, #nav a:active span {
	float:left;
	height: 35px;
	background: url(images/button_hover.png) no-repeat top left;
	text-decoration:none;
}