affichage avec IE non conforme

Bonjour,
L'affichage de ma page d'accueil avec Firefox et Internet Explorer diffère.
Mozilla Firefox affiche bien(comme je veux) mais Internet Explorer n'affiche pas bien.
Ma page est codé avec du HTML.

Je suis sur Windows XP.

Merci de m'aider à ce que l'affichage avec les 2 navigateurs soit le même.

Mais je pensais que W3C permettait de resoudre ce problème.

Il y a environ des 10 aines de choses qui peuvent faire qu'un rendu visuel sera différents entre IE et FF (et même entre IE6, IE7, IE8) ou même Opéra, Safari et autres navigateurs.
Expose nous ton problème (la partie d'affichage qui diffère) avec le code.

En fait le problème c'est l'affichage des elements de mon menu
Voici le code html de mon menu

Code:

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
  <div id="menu" >    
 
		   <div class="element_menu" >
 
		       <h3> Livre1</h3>			
               <ul>
                   <li><a href="affiche_livre1chapitre1.php">Afficher chapitre1 </a></li>
				  <br />
                   <li><a href="affiche_livre1chapitre2.php">Afficher chapitre2</a></li><br />
	<li><a href="affiche_livre1chapitre3.php">Afficher chapitre3</a></li>
                  </ul>
         </div>    
           <div class="element_menu">
               <h3>Les Recherches</h3>
               <ul>
                   <li>Recherche experte</li>
				   &nbsp;
				      <ul>
					    <li><a href="appel_recherche_chap1.php">Chapitre1</a></li>
				   &nbsp;
				    <li><a href="appel_recherche_chap2.php">Chapitre2</a></li>
				   &nbsp;
				   <li><a href="appel_experte_chap3.php">Chapitre3</a></li>
				   &nbsp;
				   </ul>
 
               </ul>
           </div> 
 
 
 
		    <div class="element_menu">
               <h3>Liens utiles</h3>
               <ul>
                   <li><a href="">Lien</a></li>
                   <li><a href="">Lien</a></li>
                   <li><a href="">Lien</a></li>
               </ul>
           </div> 
 
		    <div class="element_menu">
               <h3>A propos </h3>
			   <ul>
                   <li><a href="">Les Missions</a></li>
				   </ul>
 
			   <h3><a href="admin2.php">Espace privé</a></h3>
 
           </div> 
 
 
       </div>

Voici le code css pour l'affichage de mon menu

Code:

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
#menu
{
   float: left;
   width: 210px;
   height:900px;
 
   background:#CCCCCC;
 
   margin-bottom: 10px;
   border:inset;
   border-bottom-width:10px;
   azimuth:leftwards;
   border-spacing:5px;
 
   font-style:oblique;
 
   text-decoration:overline;
   text-shadow: inherit;
   visibility: inherit;
   widows:inherit;
   background-attachment:fixed;
 
 
 
    border-right-width:10px;
   border-left-width:10px;
 
 
}
 
 
 
.element_menu
{
 
    margin-top: 0px;
	border-width: thick;	
   margin-bottom: 20px;
   background-color: #0080FF;
 
 
 
 
}
 
 
/* Quelques effets sur les menus */
 
 
.element_menu h3
{    
 
   border:40px solid double;
   background:#000000;
   color:#FFFFFF;  
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: left;
}
 
.element_menu ul
{
   color:#FFFFFF;
   padding: 0px;
   font-size:18px;
 
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}
 
 
.element_menu a
{
   color:#FFFFFF;
 
 
 
   font-style:oblique;
   font-family:Arial, Helvetica, sans-serif;
 
 
}
 
.element_menu a:hover
{
   background-color: #B3B3B3;
   color: black;
}

Merci de m'aider!