Problème de padding sous firefox

Hello

J'ai un problème d'affichage sous firefox. Je veux faire un bloc avec une image en haut et en bas et un fond entre les deux. Jusque là tout va bienmon bloc s'affiche correctement sous firefox et ie.

Mais dans ce bloc, je veux décaler le texte pour qu'il ne colle plus au coté gauche.
Donc je mets un "padding-left:30px;" dans mon css.

Ie l'interprète bien, mais pas firefox qui me décale une image à droite de mon bloc.

J'ai également essayé de décaler mon texte avec un paragraphe <p></p>, mais le résultat est le même.

Est ce que quelqu'un put m'indiquer ce qui ne va pas ?

Merci

Ci dessous le code de mon truc



Partie CSS :

Code :

.bandeau_top {
BACKGROUND: url(../images/haut.jpg) no-repeat;
WIDTH: 975px;
MARGIN-LEFT: auto;
MARGIN-RIGHT: auto;
HEIGHT: 33px;
padding-left: 30px;
}

.contenu {
BACKGROUND: url(../images/centre.jpg);
WIDTH: 975px;
MARGIN-LEFT: auto;
MARGIN-RIGHT: auto;
padding-left: 30px;
}

.bottom {
BACKGROUND: url(../images/vincent_bas.jpg) no-repeat;
WIDTH: 975px;
MARGIN-LEFT: auto;
MARGIN-RIGHT: auto;
HEIGHT: 32px;
padding-left: 30px;
}
 

Partie HTML :

Code :

<DIV class=bandeau_top></DIV>
<DIV class=contenu>salut !!</DIV>
<DIV class=bottom></DIV>

Bonjour,

J'ai essayé ton code (sans les images bien sur) et je ne trouve rien d'anormal :

Il ya bien un padding de 30px avant le texte comme tu le souhaites.
En revanche le fait que tu mettes :

WIDTH: 975px;
MARGIN-LEFT: auto;
MARGIN-RIGHT: auto;

A pour conséquence de centrer ton div dans la page.
Est-ce que ton problème est là ?
Autrement je veux bien essayer avec les images si tu as un lien absolu à me donner...

hello

c'est bon finalement j'avais un problème de doctype

réglé en prenant le doctype du W3C

merci quand même

Un petit [résolu] pour fêter ça ?