Bonjour a toutes et a tous

Je réécris le design de mes sites web en CSS pour rendre plus lisible le design du site, pour moi-même, comme pour les MR. Au passage, j´améliore le design pour un meilleur confort des visiteurs. Enfin, bref, tout est dit.

Petit probleme: sous Ie, si je ne mets pas de doctype, la mise en page css de l´article (cf titres, ligne rouge du menu, ...) s´affiche bien:

==>
http://www.legypteantique.com/xhtml0/index_sans
.php

Tandis qu´avec le doctype, la mise en page s´affiche mal

==>
http://www.legypteantique.com/xhtml0/index_avec
.php

Quand à firefox, la mise en page CSS ne s´affiche pas.

D´ou mes questions suivantes: Est-ce que le "design" s´affiche correctement sur votre pc? Comment faire pour placer un doctype compatible avec le CSS? Et pourquoi sous firefox, rien ne s´affiche correctement?

Bien cordialement

J´oubliais: le probleme est de meme avec la scrollbar. Et, si vous avez besoin du code source, le voici au niveau des <h1> et <h2>:

H1
{
font-size: 11pt;
color: black;
font-family: Arial Black, verdana, arial;
margin-left: 10px;/*marge de gauche*/
margin-right: 10px;
border-bottom: 12px solid #ddd margin-left: 10px;

}

H2
{
font-size: 10pt;
color: black;
font-family: verdana, arial;
margin-left: 10px;/*marge de gauche*/
margin-right: 10px;
border-bottom: 1px solid #FF0000 margin-left: 10px;

background-image:
url("
http://www.legypteantique.com/xhtml/images/bo
uton.gif"); /* Une petite image de fond sur les titres h2 */
background-repeat: no-repeat; /* L´image ne se répètera pas, elle sera à gauche du titre */
padding-left: 20px;

}