Je vous conseil de regarder mon site sur Intenet Explorer et sur Mozilla vous comprendrai tout desuite.

Pour ce qui ne voie pas le problème! Sur Mozilla le site apparait comme je l'ai crée! Sur IE le corps passe en dessous du menu.

Le problème est survenu alors que j'ai changé le positionnnement absolut par un positionnement relatif!

Merci d'avance!

body
{
        font-family: Sylfaen, "Arial Black", Arial, Verdana, serif; /* On essaie d'avoir Sylfaen en priorité */
        width: 100%;
        height: 100%;
        margin: auto; /* Pour centrer notre page */
        background-color: rgb(0,0,0); /* Le fond de la page sera noir */
}
#fond
{
        width: 1000px;
        height: 600px;
        background-repeat: no-repeat;
        margin: auto;
}
#corps
{
        position: relative;
                left: 150px;
                top: 155px;
        width: 850px;
        height: 357px;
        overflow: auto;
        border: 1px solid red;
}
#corps_edito
{
        position: relative;
                left: 150px;
                top: 175px;
        width: 630px;
        height: 357px;
        overflow: auto;
        border: 1px solid red;
}
#menu
{
        position: relative;
                left: 15px;
                top: 180px;
        width: 20px;
        height: 20px;
        border: 1px solid red;
}
.titre
{
        position: relative;
                left: 770px;
                top: -200px;
        width: 200px;
        height: 357px;
        overflow: auto;
        text-align: right; /* à droite */
}
a img
{
        margin-bottom: 3px;
        border: none;
}
.contact
{
        position: relative;
                left: 5px;
                top: 201px;
        width: 20px;
}
.crédits_c
{
        position: relative;
                left: 950px;
                top: -178px;
        width: 20px;
}
.contact_c
{
        position: relative;
                left: 5px;
                top: -155px;
        width: 20px;
}
.crédits
{
        position: relative;
                left: 950px;
                top: 179px;
        width: 20px;
}
#pied a, .crédits_c a, .contact_c a
{
        text-decoration: none; /* Les liens ne seront plus soulignés */
        color: rgb(255,0,0);
}
.image_flottante_gauche
{
        float: left;
        margin: 5px
}
.image_flottante_droite
{
        float: right;
        margin: 5px
}
.image_cd, .photos
{
        margin: 5px;
        border: 3px outset black;
}
p a, .titre a
{
        color: black;
        text-decoration: none;
        border-bottom: 1px dotted red; /* Les liens ne seront soulignés en rouge poitillet */
}
.galerie a
{
        border: none;
}
p:first-letter /* Je veux que la première lettre de mon paragraphe */
{
        font-size: 2.5em; /* Fasse une hauteur de 2.5 lignes */
}
.p_gauche, .image_flottante_droite
{
        clear: left;
}
.p_droite, .image_flottante_gauche
{
        clear: right;
}
h1
{
        text-indent: 30px; /* Les titres commenceront 30 pixels sur la droite */
        font-size: 2em;
}
strong
{
        font-size: 1.2em;
}

La balise corps sert pour tout le contenu des pages.
Je veux bien éffectuer des changement afin de simplifier le css.

Merci pour le liens vers le site mais je ne vois pas comment !important peut régler mon problème.

Je rappelle que le problème c'est produit lors du changement de positionnement absolut en relatif!

#menu {
        float : left;
        width: 20px;
        height: 20px;
        border: 1px solid red;
}

#corps_edito {
        width: 630px;
        height: 357px;
        overflow: auto;
        border: 1px solid red;
}

#pieds {
clear : both;
}

Merci mais cette méthode ne marche pas avec mon html.

De plus j'ai résolut le problème. Vous pouvais voir le résultat sur www.juanes.fr

Et la solution, c'est quoi?

Je suis revenu a un positionnement absolut et j'ai enlevé le centrage de mon fond.

En fait j'avais centré le fond et sur des grosses résolution rien était en place.