Någon som kan förklara/lösa varför i IE6 så hoppar mina bilder upp 2px?

body {
	color:#000000;
	background:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px 0px 0px 10px
}

#divSite {
	width: 728px;
	background:#FFFFFF;
	/*border: 1px solid #000000;*/
	float:left;
	height: 500px;
}

#divBanner {
	margin-left: 5px;
	width: 160px;
	height: 600px;
	background:#FFFF33;
	border: 1px solid #000000;
	float: left;
}

#divTopContainer {

	width: 728px;
	height: 50px;
	border: 1px solid #000000;
	background:#FFFFFF;
	font-family: "Courier New", Courier, monospace;
	font-size: 24px;
	color:#666666;
	text-align:center;
}
#divTopBanner {
	border: 1px solid #000000;
	width: 728px;
	height: 90px;
	background:#FFFF33;
	margin-top: 10px;
	margin-bottom: 10px;
}
#divTopMenu {
	width: 728px;
	height: 20px;
	border: 1px solid #000000;
	/*margin-top: 5px;*/
	margin-bottom: 5px;
}

#divMainContent {
	width: 728px;
border: 1px solid #000000;
}

bugg i IE6 helt enkelt.

Jo, men hur löser man den smidigast?

låter bli att använda IE6 ;)

nej ärligt talat vet jag inte. Jag lade ner att hitta fix efter ett tags letande.

har du provat att sätta margin till 0 på de ställen du inte satt den.
tex i divBanner finns bara margin-left, prova att sätta margin-bottom och -top till 0;
kan vara det som orsakar problemet

Du har glömt att stänga margin i body, bara så du vet liksom.