Problem med sida i explorer, ruskigt irriterande beteende

Jag får seriöst tuppjuck på explorer... I firefox ser allt bra ut, men i explorer så är "sidkroppen" förskuten några pixlar åt höger... I ren panik testade jag bla att sätta margin: 0 500px; på mainContainer, och gissa vad som händer? I explorer följer bakgrunden som är satt i body med! Dessutom synkas nu sidhuvet med sidkroppen! Men, men, detta är långt i från en lösning... Jag förväntar mig inte heller att någon skall komma meden sådan då problemet är så förbannat svårfelsökt.. Konstigt är också att det dykt upp först sen jag utvecklat för firefox en tid (befann mig i linux så jag hade inget val), utan att jag ändrat något kritiskt alls... Har tom funderat på om detta kankse är en bugg i mitt lokala explorer, men det återstår att se.. Hursomhelst, här är sidan http://pandionweb.se och nedan ser ni koden (något förenklad, men genererar samma fel). Skulle bli så hemskt glad om jag kunde få bukt med detta.

/mvh

#CSS

* {
	padding: 0;
	margin: 0;
	border: 0;
}

img, b, div {
	float: left;
}

html {height: 100%;}

body {
	height:expression('100%');
	min-height: 100%;
	text-align: center;
	background: #FFF url('img/bakgrund.jpg') repeat-y 50% 0;
}

div#mainContainer {
	height: 100%;
	width: 800px;
	margin: 0 auto;
	float: none;
}

#HTML

<div id='mainContainer'>
	<div style='float:left;width:800px;'>
	
		<img src='img/logga.jpg' alt='Pandion Web.' />
		<img src='img/meny_vanster.jpg' alt='' />
		
		<a href='index.php?page=startsidan'>
			<img src='img/meny_startsidan_off.jpg' alt='Startsidan' />
		</a>
		<a href='index.php?page=produkter'>
			<img src='img/meny_produkter_off.jpg' alt='Produkter' />
		</a>
		<a href='index.php?page=information'>
			<img src='img/meny_information_off.jpg' alt='Information' />
		</a>
		<a href='index.php?page=kontakt'>
			<img src='img/meny_kontakt_off.jpg' alt='Kontakt' />
		</a>
		
		<img src='img/meny_hoger.jpg' alt='' />
		<img src='img/under_meny.jpg' alt='' />

	</div>
</div>

Så om du följer någon av sidans yttre kanter, så är det inte ett glapp där själva sidkroppen börjar?

Nej det var som fan, det ser ju ut som det skall Lägger upp en screen på hur det ser ut för mig... ein moment...

EDIT: http://www.pandionweb.se/osynk.JPG

Fasen vad konstigt... Jag har ju inga speciella krussiduller i koden vad jag vet... Testar att ändra height:expression('100%'); min-height: 100%; till bara height: 100%, men det borde inte göra någon skillnad..

EDIT: Jag löste det genom att lägga bakgrunden i mainContainer istället, att jag inte tänkte på det förut ;). Hursomhelst, nu fungerar det, och det är jag jävligt glad för :).

EDIT2: Tusan :(. Nu försvann bakgrunden i firefox... Vad kan detta tänkas bero på?

hehe, jag vet inte om jag skall känna mig stolt eller skämmas;). Just nu är jag mest förbryllad för att jag inte kan få bakgrunden att fungera i FF.

div#mainContainer {
	height: 100%;
	width: 800px;
	margin: 0 auto;
	background: #FFF url(img/bakgrund.jpg) repeat-y 50% 0;
	float: none;
}

Borde gå, eller? Inte ens background-color: #000; fungerar...

EDIT:

Har nu lagt in

html>body {
	background: #FFF url(img/bakgrund.jpg) repeat-y 50% 0;
}

i css:en, visserligen ett fulhack, men det funkar...