Probleme entre firefox 3 et ie 6 et 7

bonjour a vous,

Dans le création de mon site web, j'ai des soucis avec mon css ! fonctionnant bien sur firefox 2 et 3, sur i6 et i7 j'ai un bug qui se situe au niveau de mon menu ! au lieu de s'afficher droit il s'affiche en escalier et j'aimerais corriger ceci!

Merci de votre réponse bonne journée Aurélien

voici le css de mon site ainsi que son adresse web pour que vous puissiez voir la différence selon les navigateurs !
adresse site : http://ns5.freeheberg.com/~thunderk/index.php

/*#############################################################
Nom : Nitronium-jumpstyle
Date: 01/02/2009
Auteur: Peuportier Aurélien
URL:  http://ns5.freeheberg.com/~thunderk/index.php
 

#############################################################*/

/* elements de la page */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a {color: #963;}
a:hover {color: #C60;}

body {
	background: #000000 url(img/bg.jpg) repeat-x left bottom;
	color: #444;
	font: normal 62.5% Tahoma,sans-serif;
}

p,code,ul {padding-bottom: 1.2em;}

li {list-style: none;}

h1 {
	font: normal 1.8em Tahoma,sans-serif;
	margin-bottom: 4px;
}

code {
	background: #FFF;
	border: 1px solid #EEE;
	border-left: 6px solid #C1CAD3;
	color: #666;
	display: block;
	font: normal 1em Tahoma,sans-serif;
	line-height: 1.6em;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}

blockquote {
	background: url(img/quote.gif) no-repeat;
	display: block;
	font-weight: bold;
	padding-left: 28px;
}

h1,h2,h3 {padding-top: 6px;}

/* misc */
.clearer {clear: both;}

.left {float: left;}

.right {float: right;}

/* structure */
.contenaire {
	background: #FFF;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0 10px 10px;
	width: 780px;
}

/* au dessus de la banniere */
.top {
	background: url(img/clouds.gif) repeat-x;
	padding: 50px 10px 0;
}

/* la banniere  */
.banniere {
	background: #FFF;
	font-size: 1.2em;
	height: 150px;
	margin: 0 auto;
	padding: 5px 10px 20px;
	width: 780px;
}
.banniere .left, .banniere .right {
	background: #A4A4A0;
	color: #FFF;
	height: 164px;	
}
.banniere .left {
	background: #B3C2C7 url(img/header.jpg) no-repeat;
	font: normal 2.8em "Trebuchet MS",sans-serif;
	line-height: 164px;
	text-align: center;	
	width: 564px;
}
.banniere .right {
	overflow: auto;
	width: 212px;
}
.banniere .right p,.banniere .right h2 {padding: 0 16px;}
.banniere .right h2 {padding-top: 16px; font: normal 1.6em "Trebuchet MS",sans-serif;}

/* navigation */
.sommaire {	
	background: #D9E1E5 url(img/nav.gif);
	border: 1px solid #DFEEF7;
	border-color: #DFEEF7 #CFDEE7;
	height: 41px;
}
.sommaire a {
	background: #D9E1E5 url(img/nav.gif);
	border-right: 1px solid #AFBEC7;
	color: #456;
	display: block;
	float: left;
	font: bold 1.1em sans-serif;
	line-height: 41px;
	padding: 0 20px;
	text-decoration: none;
}
.sommaire a:hover {background-position: left bottom; color: #234;}

/* principal */
.main {
	border-top: 4px solid #FFF;
	background: url(img/bgmain.gif) repeat-y;
}

/* menu et boite connexion */
.menu {
	float: right;
	width: 210px;
}
.menu h2 {
	color: #5A5A43;
	font-size: 1em;
	line-height: 30px;
	margin: 0;
	padding-left: 12px;
}
.menu ul {
	padding: 0;
	border-top: 1px solid #EAEADA;
}
.menu li {border-bottom: 1px solid #EAEADA;}
.menu li a {
	font-size: 1.1em;
	color: #554;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.menu li a:hover {
	background: #F0F0EB;
	color: #654;	
}

/* contenu */
.contenu {
	float: left;
	margin: 10px 0;
	padding: 0 16px;
	width: 531px;
}
.contenu .descr {
	color: #664;
	font-size: 0.9em;
	margin-bottom: 6px;
}
.contenu li {
	list-style: url(img/li.gif);
	margin-left: 18px;
}
.contenu p {font-family: "Lucida Sans Unicode",sans-serif;}

/* pied de page */
.pied {
	background: url(img/bgfooter.gif) repeat-x;
	color: #FFF;
	font: bold 1em sans-serif;
	line-height: 39px;
	text-align: center;
}
.pied a,.pied a:hover {color: #FFF;}

merci

Salut,

Bien gentil FF d'afficher ta page... 55 erreurs à la validation
heu tu n'auraispas oublié un truc là?

      	<div class="sommaire">
      
    <li><a href="index.php">Accueil</a></li>
    <li><a href="composants/profils/afficher.php">membres</a></li>

    <li><a href="composants/partenaires/afficher.php">partenaires</a></li>
    <li><a href="composants/biographie/afficher.php">biographie</a></li>
    <li><a href="composants/medias/afficher.php">médias</a></li>
    <li><a href="http://nitronium-jumpstyle.bbactif.com/forum.htm">forum</a></li>
    <li><a href="composants/contacts/afficher.php">contacts</a></li>
    <li><a href="composants/livredor/afficher.php"> livre d'or</a></li>

		<div class="clearer"><span></span></div>
	</div>

Du style <ul>............</ul>

Faudrait revoir les "fondamentaux"

oh yes !!!

merci beaucoup c'est gentil de m'avoir accorder un peu de vôtre temps !! :wink

bonne journée