probleempje bij coderen

Ik ben dus bezig om te leren coderen dmv slicen en dan in divjes zetten met css ( ik hoop dat ik het goed omschrijf )
Nu lukt het me wel aardig maar ik stuit op 1 probleem wat ik echt niet weet om op te lossen. Ik heb me al rot gezocht op google maar ik kom er niet uit.

Ik heb dus een layout waarbij de content in 3 kolommen verdeeld moet worden, en om die 3 kolommen zet ik dus een div met de url van de background (#main in de code). Maar om de 3 kolommen goed op hun plek te zetten gebruik ik dus float: left maar hierdoor "verdwijnt" dus me background met firefox. Hoe kan ik dit oplossen?

hieronder een voorbeeld van de css:

#layout {position: absolute; width: 1000px; left: 50%; margin: 0px 0 0 -500px; padding: 0; text-align: left;}
#header {width: 1000px; height: 165px; background-image:     url(images/header.png);}
#header h1 {text-align: left; color: #1d3b74; font-size: 18px; font-weight: bold; padding: 130px 0 0 550px; margin:0; test;}
#menu {width: 1000px; height: 90px; background-image:     url(images/menu.png); display: block; overflow: hidden;}
#menuitems {margin: 20px 0 0 20px; float: none; text-align: center; font-size: 18px; color: #fdfdfd; font-weight: bold;}
#main {width: 1000px; background-image: url(images/background.png); padding: 0; margin: 0;}
#content-left{ width: 130px; margin: 5px 10px 0 85px; text-align: left; color: #1d3b74; font-size: 14px; float: left;}
#content-center{ width: 530px; margin: 0 0 0 10px; text-align: left; color: #1d3b74; font-size: 15px; float: left;}
#content-right{ width: 130px; margin: 5px 0 0 40px; text-align: left; color: #1d3b74; font-size: 14px; float: left;}
#footer {width: 1000px; height: 65px; background-image: url(images/footer.png); clear: both; text-align: center; color: #1d3b74; font-size: 11px;}

na alle divs die floaten dit plaatsen:

Nu zie ik wel me background, maar staan me kolommen onderelkaar ipv naast elkaar.

edit: ik heb het al....alleen na de laatste div dus, niet alle divs
dank je Ruben, je bent een schat!

Geen probleem

Oke dan heb ik nog een probleem
Ik heb een achtergondplaatje achter me layout, nu gebruik ik daar gewoon een achtegrondcode voor maar in IE staat deze 14pixels lager dan in firefox, dus lopen de lijnen niet goed door (ik heb dezelfde horizontale lijnen in me layout)
Hoe krijg ik die achtergrond in alle browsers op gelijke hoogte?

margin: 0;
padding: 0;
in je body{} (of html{}) doen?

Als t niet werkt moet je tot morgen 0645 wachten, dan doet Ruben reply.

dank je, tis opgelost ja stom dat ik daar zelf niet aan dacht....simpel eigenlijk. Ik zat weer veels te moeilijk te denken

W00t, nice.

Haha, nice hoor Lennard

Jullie zijn 2 kanjers!
*slijm slijm* (puh2)

En wie is het kanjerst?

Pff, fatass

grappieeehiee

Lennard schreef:

En wie is het kanjerst?

Nouhou, daar moet ik even flink over nadenken........
misschien heb je iets wat me kan overtuigen wie het "het kanjerst" is