Problème positionnement absolue IE6

Bonjour,

Je suis débutante dans la création d'un site web, mais ayant lu de nombreux avis conseillant de créer son site sans tableaux et avec des feuilles de style... j'ai voulu me lancer dès le début dans un tel site. Peu être ambitieux... :S

Voila mon problème:
Tous les textes et images sont placés dans le flux de ma page avec des balises <div>
Seule une image est positionnée avec un positionnement de type absolu.
Le tout est régie par une feuille CSS.

Sur Firefox ça sort très bien... mais sur IE6, cela crée des marges blanches de parte et d'autre du contenu principale de la page et le background se décale.

Si quelqu'un à une solution à mon problème ? Ce serait super sympa.
Merci d'avance. Pour vous aider à visualiser le schimblick: http://locationchaletplagne.free.fr
Et voici le contenu de ma feuille CSS:

body {
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
background-color: #000033; /* couleur dans les colonnes de droite et de gauche */
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 100%;
}
.oneColElsCtr #img {
position: absolute;
top: 250px;
}
.oneColElsCtr #container {
width: 55em;
background: #FFFFFF;
text-align: left; /* this overrides the text-align: center on the body element. */
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
margin-top: 10px;
}
.oneColElsCtr #headfond {
background-image: url(station.jpg);
background-repeat: no-repeat;
background-position: top;
}
.oneColElsCtr #headcontenu {
padding-top: 350px;
padding-right: 0px;
padding-left: 600px;
width: 400px;
}

.oneColElsCtr #mainContent {
background-color: #E1E2E7;
height: 400px;
padding-left: 0px;
}
.oneColElsCtr #blocdroit {
padding-left: 300px;
padding-top: 30px;
height: 320px;
}
h1 {
text-align: center;
}