Bonjour,
Voila j'essaye de mettre en place un menu déroulant sur le site que je suis actuellement en train de développer en php.

J'ai copié le code sur internet et l'ai adapté à ma sauce, tout fonctionne sans problème sous chrome et firefox, mais sous IE (comment ça c'est tout le temps lui qui ne marche pas ^^ ) les sous-menus se déroulent un cran sur le côté.

Voici l'url pour tester

Personnellement je pense qu'il s'agit d'un problème css car c'est le seul code que j'ai touché après avoir récupéré le code sur le net. Je vous mets quand même le code
du menu :
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
 
<div class="menu" >
			<a href="http://mylife.webou.net/www/wwit/index.php" style="float: left; font-size: 20px;" >Accueil</a>
 
			<div id="nav" >
				<div>
					<a href="#" >&nbsp;&nbsp;Menu 1&nbsp;&nbsp;</a>
					<ul>
						<li><a href="#" >sous menu 1</a></li>
						<li><a href="#" >sous menu 2</a></li>
					</ul>
				</div>
				<div>
					<a href="#" >&nbsp;&nbsp;Menu 2&nbsp;&nbsp;</a>
					<ul>
						<li><a href="#" >sous menu 1</a></li>
						<li><a href="#" >sous menu 2</a></li>
						<li><a href="#" >sous menu 3</a></li>
					</ul>
				</div>
			</div>
		</div>
du javascript (c'est basé sur jQuery) :
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
 
$(document).ready(
	function(){
		$("#nav div").each(
			function(){
				$(this).mouseover(
					function(){
						$(this).children("ul").slideDown("fast");
						if($.browser.msie) 
						{ 
							var hauteur = $(this).width();    
							$(this).children("ul").css({marginLeft:"-"+hauteur+"px"});   
						}
						$(this).prev().children("ul").fadeOut("fast");
						$(this).siblings().children("ul").fadeOut("fast");
					}
				);
			}
		);
		$("body").click(
			function(){
				$("#nav div ul").fadeOut("fast");
			}
		);
	}
);

et le css du menu :
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
 
body .menu
{
	background-color: #3300CC;
	color: #C0C0C0;
	width: 800px;
	height: 20px;
	margin: auto;
	padding: 15px;
	font-weight: bold;
}
 
body .menu #nav div 
{
	float:right;
}
 
body .menu  a
{
	color: #C0C0C0;
	text-decoration: none;
}
 
body .menu a:hover
{
	color: #FFFFFF ;
}
 
body .menu #nav div ul 
{
	position: absolute;
	margin: 5px 0 0 0;
	background-color: #3300CC;
	line-height: 30px;
	border-left: 2px solid #8FB60C;
	border-right: 2px solid #8FB60C;
	border-bottom: 2px solid #8FB60C;
	display: none;
}
 
body .menu #nav ul, body .menu #nav li 
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
}
 
body .menu #nav ul li 
{
	padding: 0 5px;
	font-size: 0.8em;
}
Voila si quelqu'un peut tester ça chez lui et/ou si vous trouvez ce qui peut/va résoudre mon problème ça serait super ! j'ai passé l'après midi dessus en vain

Merci d'avance !

PS : si jamais vous pensez que le problème est ailleurs je tenterai de poster dans une autre section mais vu que c'est le seul code que j'ai retouché je pense que ça ne peut venir que du css