Probleme d'alignement sous IE

Bonsoir

Je suis débutant dans le devellopement de site Web, je voudrais
que l'on puisse m'aider sur ma premiere création car je seche totalement depuis 3 jours ...

Je vous explique brievement le probleme :

L'alignement que je voudrais faire marche parfaitement sous firefox
NEANSMOINS sous IE(7) il déborde sur mon menu a droite , j'ai beau changer le float dans mon css ( passer de left à right ) rien ne fonctionne , j'ai essayez de tourner ça dans tous les sens mais impossible , toujours le même probleme sous IE

voila le lien vers mon site ( soyez indulgent sur la qualité svp c'est vraiment mon premier site ) : http://www.n-web.org

Vous verez , dans la rubrique wallpapers ( 1600x1200 & 1680x1050 ) on voit clairement la différence sous FF & IE ( sachant que c'est ce qu'affiche FF qui me plait ).

voici mon Css :

*
{
	font-size: 11px;
	color: rgb(240, 230, 172);
}

body
{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	
	background-color: black;
	font-family: "comic sans MS", Arial, courier, sans-serif;
}

a
{
	color: rgb(215, 225, 255);
	text-decoration: none;
	border: rgb(240, 230, 172);
}

a:hover
{
	text-decoration: underline;
	color: white;
}



#en_tete
{
	height: 170px;
	border: 2px ridge rgb(0, 60, 90);
	background-color:black;
}

h1
{
	text-indent: -50000px;
}

#menu
{
	width: 15%;
	float: left;
}

.sous_menu
{
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: black;
	color: rgb(240, 230, 172);
	border: 2px ridge rgb(0, 60, 90);
}

.sous_menu h3
{
	color: rgb(240, 230, 172);
	text-align: center;
	font-family: Harrington, "times new roman", sans-serif;
	font-size: 17px;
}

#menu2
{
	width: 15%;
	float: right;
}

.sous_menu2
{
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: black;
	color: rgb(240, 230, 172);
	border: 2px ridge rgb(0, 60, 90);
}

.sous_menu2 h3
{
	color: rgb(240, 230, 172);
	text-align: center;
	font-family: Harrington, "times new roman", sans-serif;
	font-size: 17px;
}

#corps
{
	margin-left: 18%;
	margin-right: 18%;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 2px ridge rgb(0, 60, 90);
	color: #E3AB57;
	background-color: black;
	text-align: justify;

}

#corps h2
{
	text-align: center;
	font-family: algerian, "times new roman", sans-serif;
	font-size: 20px;
	color: rgb(240, 230, 172);
	font-weight: bold;
}

.galerie 
 {
	margin-left : 15px;
	float: left;
	width: 170px;
	height: 184px;
	text-align: center;
}

.spacer 
{
	clear: both;
}

	
a img 
{
	border: 1px solid rgb(240, 230, 172);
}

#pied_de_page
{
	clear:left;
	margin-top: 20px;
	padding: 5px;
	
	background-color: black;
	color: white;
	text-align: center;
	border: none;
}

Un énorme MERCI d'avance pour le temps que vous prendrez a m'aider même si ça n'abouti a rien ...
Modifié par Seishi (10 Jul 2007 - 00:14)

Salut,

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation

done