Float : firefox et explorer en guerre !

Coucou !

Je viens de réaliser mon tout premier site. J'en suis extrêmement fier !

Seulement voilà : sur firefox, tout va bien. Les problèmes commencent avec explorer. Je les ai tous résolus sauf un et demi.

Le gros problème, c'est que le menu reste en haut à gauche, et le corps en dessous (un peu décalé vers la droite à cause de la marge). POURQUOI??????

Le demi-problème, c'est qu'il y a un ">" au-dessus du menu qui ne veut pas bouger... Si quelqu'un a une idée d'où il sort...

Voilà !

Je joins une sélection de mon code css pour que vous puissiez y voir plus clair :


body
{
width: 760px;
margin-left: 20px;
margin-top: 20px;
margin-bottom: 20px;
background-color: black
}
#en_tete
{
width: 900px;
height: 351px;
margin: 30px;
background-image: url("images/yeux_nonno2.jpg");
background-repeat: no-repeat;
margin-bottom: 10px;
border-color: black;
border-style:solid;
border-width:1px;
}

#menu
{
float: left;
width: 150px;
margin-left:30px;
display:inline;
}

#corps
{
margin-left: 220px;
margin-bottom: 20px;
margin-top:30px;
padding: 15px;
width: 680px;
color: black;
background-color: silver;
background-image: url("images/motif.png");
background-repeat: repeat-x;
text-align:justify;
border: 1px solid black;
}


Merci les amis !