Problème affichage sous ie

Bonjour

j'ai un problème sur ma page avec IE et pas sous firefox (com d'hab) sur mon menu à gauche lorsque je passe sur le lien accueil la moitié de mon contenu disparait, et comme le design et donc le code n'est pas de moi j'ai du mal à me repéré.

pouvez-vous me dire ce que je doit modifier pour ne plus avoir ce bug et que l'affichage soit correct sur les 2 naviguateurs ?

Lien vers la page : http://florian.carrere.free.fr/novaa2/


Merci d'avance

Novaa

code de la css

/* CSS Document */
.page {
	margin: auto;
	width: 100px;
	background-color: #FFFFFF;
	background-image: url(img/page1.jpg);
	background-repeat: repeat;
}
body {
	background-image: url(img/fd.jpg);
	background-color: #282828;
	background-repeat: repeat-x;
	background-position: center top;
	margin: auto;
	width: 760px;
}

.titre {
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #55552B;
	border-bottom: 1px dotted;
	cursor: help;
}
.header {
	background-image: url(img/head.jpg);
	height: 110px;
	width: 760px;
}
.nav {
	background-image: url(img/naviguation.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 760px;

}
.texte {
	height: 100%;
	width: 760px;
    
}
.navi {
	background-color: #CCCC99;
	height: 16px;
	width: 210px;
	margin-left: 12px;
	text-align: left;
	list-style-position: inside;
	list-style-image: url(img/fle.jpg);
	border-bottom: 1px solid #FFF;
	padding-left: 10px;
	padding-bottom: 2px;
}
.navi a:link {
	height: 16px;
	width: 220px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFF;
}
.navi a:hover {
	background-color: #B7B787;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
}
.navi a:visited {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
}
a:link {
	text-decoration: none;
	color: #55552B;
}
a:visited {
	text-decoration: none;
	color: #55552B;
}
a:hover {
	text-decoration: none;
	color: #D8D8B4;
}
a:active {
	text-decoration: none;
}
.Style3 {
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #F1F1E4;
	padding: 2px;
	margin-top: 5px;
	margin-right: 5px;
	color: #69694C;
}
.comm {
	border: 1px dashed #919177;
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #F1F1E4;
	padding: 2px;
	margin-top: 5px;
	margin-right: 5px;
	color: #69694C;
}
.Style5 {font-size: x-small; font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCCC99; }
.texd {
	margin-bottom: 5px;
	width: 520px;
	font-size: 0.9em;
	background-color: #FFFFFF;
	clear: left;
	float: right;
	
}
.sousmenus {
	background-color: #F1F1E4;
	height: 15px;
	width: 220px;
	margin-left: 12px;
}
.sousmenu {
	width: 220px;
	margin-left: 12px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #55552B;
}
.footer {
	background-color: #F1F1E4;
	height: 25px;
	width: 760px;
	border-top: 2px solid #E4E4C9;
	margin-top: 15px;
	clear: both;
	text-align: center;
}
.barre {
	background-color: #CCCC99;
	height: 28px;
	width: 760px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	text-align: right;
	vertical-align: bottom;
}
.soushead {
	background-image: url(img/heade.jpg);
	height: 140px;
	width: 760px;
}
.Style7 {
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #F1F1E2;
}
.Style8 {color: #55552B}
.Style4 {

	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #D8D8B4;
	padding: 2px;
	margin-top: 5px;
	margin-right: 5px;
}
.img {
	border: solid 1px #FE0000 ;
	height: auto;
	width: auto;
}
.champ {
	border: solid 1px #FE0000 ;
	height: 17px ;
	width: 100px ;
}
.Style12 {color: #B3B86B}