voila ma page fonctionne très bien avec firefox mais du tout avec IE

http://www.sandrineetgwen.fr/emeline4.html

voila le code la page

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>index emiline</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	   <link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="design_emeline4.css" />
<!-- DEBUT DU SCRIPT -->
<script type="text/javascript">
function rollover(id) {
  var img = document.getElementById("id_" + id);
  if(img.alt == id + "_on") {
    img.src = "image/" + id + "_off.jpg";
    img.alt = id + "_off";
  } else {
    img.src = "image/" + id + "_on.jpg";
    img.alt = id + "_on";
  }
}
</script>
<!-- FIN DU SCRIPT -->  
</head>
 
   <body>
       <!-- fond -->
 
       <div id="unite">        
           <div class="en_tete">
           <img src="image/bande_haut_index.jpg">
           </div>
		   <div class="menu">
           <img src="image/gauche_bouton.jpg">
 
<a href="emelinepresentation.html"><img src="image/presentation_off.jpg" id="id_presentation" alt="presentation_off" onmouseover="rollover('presentation')" onmouseout="rollover('presentation')" /></a> 
<a href="emelinejourj.html"><img src="image/jourj_off.jpg" id="id_jourj" alt="jourj_off" onmouseover="rollover('jourj')" onmouseout="rollover('jourj')" /> </a>
<a href="emelineinfospratiques.html"><img src="image/infos_pratiques_off.jpg" id="id_infos_pratiques" alt="infos_pratiques_off" onmouseover="rollover('infos_pratiques')" onmouseout="rollover('infos_pratiques')" /> </a>
<a href="emelinecontact.html"><img src="image/contact_off.jpg" id="id_contact" alt="contact_off" onmouseover="rollover('contact')" onmouseout="rollover('contact')" /> </a>
           <img src="image/droite_bouton.jpg">
           </div>
		   <div class="bas_page">
           <img src="image/bande_bas_index.jpg">
           </div>
       </div>        
   </body>
</html>
et voila mon css
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
 
body
{
background-color: #FBE3DE;
}
img {
border:0;
}
 
#unite
{
width: 980px;
height: 542px;
margin: auto;
background-image : url("image/fond_emeline.jpg");
background-repeat: no-repeat;
border :2px solid black;
}
 
#rubrique
{
width: 980px;
height: 542px;
margin: auto;
background-image : url("image/fond_rubrique.jpg");
background-repeat: no-repeat;
border :2px solid black;
}
 
.menu
{
width: 980px;
height: 126px;
}
.en_tete
{
width: 980px;
height: 173px;
}
.bas_page
{
width: 980px;
height: 243px;
}
 
/* pour le menu deroulant */
 
 
#menuderoulant
{
width: 644px;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
}
 
#menuderoulant li
{
float: left;
margin: 0;
padding: 0;
border: 0;
}
 
#menuderoulant .sousmenu
{
list-style-type: none;
margin: 0;
padding: 0;
border: 0;background: yellow;
}
 
#menuderoulant .sousmenu li
{
margin: 0;
padding: 0;
border: 0;
}
/* on cache tout les menus avec la propriété display none*/
 
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
 display: block;
 height: 1%;
 color: #FFF;
 background: #3B4E77;
 margin: 0;
 padding: 4px 8px;
 border-right: 1px solid #fff;
 text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #F2462E; }
#menuDeroulant li a:active { background-color: #5F879D; }
 
#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
 display: block;
 color: #FFF;
 margin: 0;
 border: 0;
 text-decoration: none;
}
#menuDeroulant .sousMenu li a:hover
{
 background-image: none;
 background-color: #F2462E;
}
Pourquoi ca fais ca

merci d'avance