CSS och IE6

Hej,

Lyckades designa en sida och den såg bra ut i IE8 mindre bra ut i IE7 och inte alls bra i IE6, skulle behöva få den att se bra ut i IE6 också finns det några enkla hack att ta till med, det är mest headern som ser knasig ut, menyn som skall ligga under headern ligger ovanför headern. så här ser menyn ut:

<div id="wrapper-menu-top">
<div id="menu-top">
	<ul>
		<li><a href="index.html" title="Hem"><span>Hem</span></a></li>
		<li><a href="galleri.html" title="Galleri"><span>Galleri</span></a></li>
		<li><a href="#" title="Links"><span>Länk</span></a></li>
		<li><a href="#" title="Links"><span>Länk</span></a></li>
		<li><a href="#" title="Links"><span>Länk</span></a></li>
		<li><a href="#" title="Links"><span>Länk</span></a></li>
	</ul>
</div><!--menu-top-->
</div><!--wrapper-menu-top-->

och CSS'en

#wrapper-menu-top {
	width: 70%;
	margin: 0 auto;
	text-align: left;
}

#wrapper-menu-top {
	background: white url('images/bg02-white-left.png') no-repeat left top;
}

/*#menu-top {
	background: transparent url('images/bg02-white-right.png') no-repeat right top;
	overflow: hidden; <-- fixes FF problem
}
*/

#menu-top ul {
	margin-top: 95px;
	margin-left: 20px;
	padding: 1em 0 0 0;
	list-style: none;
	font-size: 85%;
	float: left;
	height: 10px;
}

#menu-top li {
	display: inline;
	float: left;
}

#menu-top a {
	float: left;
	background:url(images/menuleft.png) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	line-height: 1.5em;
}

#menu-top a span {
	background: transparent url(images/menuright.png) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#5b8fbe;
	display: block;
	float: left;
	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}

Några ideer?