Bonjour à tous,

J'ai un souci sur ma page internet dans firefox, qui s'affiche pourtant correctement dans IE7, et je ne sais pas d'où ça vient. Je me tourne donc vers vous et vos résolutions de problèmes efficaces et rapides.

Donc voici mon code CSS :

body
{
margin: auto;
margin-top: 0;
padding: 0;
background-image: url("images/back.jpg");
}


#header1
{
float: left;
width: 547px;
height: 232px;
background: url("images/headerl.jpg") no-repeat;
margin: 0;
}


#header2
{
width: auto;
height: 232px;
background: url("images/headerc.jpg") repeat;
margin: 0;
}


#header3
{
float: right;
width: 486px;
height: 232px;
background: url("images/headerr.jpg") no-repeat;
margin: 0;
}


#menutop
{
background: url("images/menutop.jpg") repeat;
width: auto;
height: 57px;
margin: 0;
}


ul#menu
{
width: auto;
height: 25px;
margin: 0;
padding: 0;
list-style-type: none;
background: url("images/menu.jpg") repeat;
}


ul#menu li
{
display: inline;
height: 1.6em;
padding: 0 0.5em;
background-color: #000000;
border: 2px white solid;
list-style-position: inside;
}


li.buttonleft
{
float: left;
}


li.buttonright
{
float: right;
}


#corpshaut
{
width: auto;
height: 636px;
z-index: 20;
margin: 0;
padding: 0;
background: url("images/corpshaut.jpg") repeat;
}


#footer
{
z-index: 20;
margin: 0;
padding: 0;
}

________________________________________________
Voici ce que ça m'affiche dans firefox :
http://img188.imageshack.us/img188/5254/sitefirefox.jpg

Et la même page avec le même code dans IE7 :
http://img223.imageshack.us/img223/705/siteie7.jpg

En attendant votre aide précieuse.
Merci d'avance.

Configuration: Windows Vista
Firefox 3.5.3