Bonjour a toutes et a tous

je fais un essai graphique a la page
http://www.legypteantique.com/xhtml/ et je ne comprends pas pourquoi la page s´affiche si mal au vu de son code, et ce de maniere si differente sous firefox et iexplore. le but étant que le rendu soit ainsi:
http://www.legypteantique.com/xhtml0/

Voici le code en question, directement inspiré de
http://www.siteduzero.com/tuto-3-62-1-creons-le-design-de-votre-site-web.html

div id="menu">
<h3>
<div align="center">
<img SRC="images/carre-bleu.gif" height=7 width=7><span style="text-decoration:underline;"> Egypte Antique</span>
</div>
</h3>

<p>
<br/><img SRC="images/fleche-rouge.gif" height=9 width=6><A HREF="egypte-pour-sixieme.php"> Dossier 6ème</A>
<br/><img SRC="images/fleche-rouge.gif" height=9 width=6><A HREF="agriculture_egypte_antique.php"> Agriculture</A>

BLABLABLA

</div>

<div id="corps">

<p>
<div style="float:right; margin: 5px">
<A HREF="modifier_un_article.php">Modifier cet article</A>
</div>
</p>

<? include(´ouchebtis.php´); ?>

<blockquote>
Legypte Antique recrute des rédacteurs. Pour plus d´informations, cliquez ici.
</blockquote>

<p>
<div align="center"><A HREF="#">Retour en haut de la page</A></div>
</p>

BLABLABLA

</div>

avec dans mon CSS les codes

BODY {
width: 750px;
margin: auto; /* Pour centrer notre page */
margin-top: 10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d´enlever pour voir ! */
}

1. menu

{

float: left; /* Le menu flottera à gauche */
background-color: rgb(192,224,255);/*couleur de fond*/
width: 180px; /* Très important : donner une taille au menu */

}

1. corps

{
background-color: rgb(255,255,255);/*couleur de fond*/
width: 570px; /* Très important : donner une taille au menu */
margin-left: 180px; /* Une marge à gauche pour pousser le corps, afin qu´il ne passe plus sous le menu */
margin-bottom: 0px; /* Ca c´est pour éviter que le corps colle trop au pied de page en-dessous */
padding: 0px; /* Pour éviter que le texte à l´intérieur du corps ne colle trop à la bordure */

}

Normalement la page ne devrais telle pas afficher comme un tableau de 750 px de large avec le menu sur 180 px de large et l´article sur 570 juste a droite?

Ensuite, comment faire pour que la colonne de gauche descende aussi bas que la colonne centrale avec le systeme de div, à l´instar de
http://www.legypteantique.com/xhtml0/ (version construite à base de tableaux)?

Enfin, pourquoi quand je mets le code padding-bottom: 0.2em;

font: 400 1.6em arial, sans-serif;
color: #536C71;
border-bottom: 12px solid #ddd; dans le style bleu

dans la feuille de style de la page
http://www.legypteantique.com/xhtml0/ , le titre n´est pas souligné sous firefox quand il l´est sous iexplore, alors qu´avec le meme code, les titres sont parfaitement soulignés sur
http://www.anata.fr

Si vous pouvez me dépanner, je vous serai très reconnaissant et non-ingrat.

Cordialement

Définis une largeur à ton corps et met lui un float:right;

Avec

BODY {
width: 750px;

et

1. corps

{
background-color: rgb(255,255,255);/*couleur de fond*/
width: 570px; /* Très important : donner une taille au menu */

Je ne vois pas a quel endroit j´ai oublié d´indiquer la largeur du corps?

et j´ai mis un float right, mais rien n´a changé

Sinon merci bcp pour cet avis. @+++ et bonne soirée