Css probleem

Hey People,
Ik heb een probleempje met mijn website, ik ben bezig met de basis slicing, maar in Internet Explorer doet hij het prima, maar in google chrome wordt de site helemaal over zichzelf heen geplaatst en weergeeft hij het heel vreemd, kijk zelf maar is. Hopelijk weet iemand het antwoord
klik hier voor het bekijken van de website!

1. : gebruik enkel . als je het vak meerdere malen gebruikt
2. : background-image: url(images/transparant.png);
background-repeat: repeat;
kan veel makkelijker nl zo :
background: url(images/transparant.png) repeat;
en er zitten nog zulke dingen in

ja, maar als je een afbeelding van bijv. een persoon of van een zon ofzo hebt, krijg je 10 maal de zon op de achtergrond te zien, mijn eisen aan de afbeelding zijn:

breedt: 100% schermbreedte
hoog 100% schermhoogte
bij scrollen: fixed
herhaling: no-repeat

no-repeat ?

ik wil een website, met een achtgrond die bestaat uit 1 afbeelding die op wat voor scherm dan ook. Of het nu groot of klein is, het hele scherm vult. De afbeelding is bijv. de aarde, maar het moet niet zo zijn dat je doordat het plaatje kleiner is als het scherm dat je 2 aardes ziet, op zon moment moet het plaatje gewoon mee groter worden.

zet na de divs met een float de code: neer