Bonjour,
J'ai un petit problème avec mon menu déroulant :
Comme vous pouvez le voir ici http://www.radio-geek.fr/index.php
Quand on passe sur l'image "la radio" les menu décale tout le contenue,

Voila les pages :

<link href="menu.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="jquery.js"></script>

<script>
$(document).ready(function(){
$("#menu 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(){
$("#menu div ul").fadeOut("fast");
});
});

</script>
<div id="menu">
	<div>
	<a title="Voir tous les articles classés dans Actualités" href="#"><img src="images/bot1.png" border="O"></a>

	</div>
	<div>
	<a title="Voir tous les articles classés dans MFR en bref" href="#mfr-en-bref/"><img  border="O" src="images/bot2.png"></a>
		<ul>
		<li><a title="Voir tous les articles classés dans Massalès Infos" href="#"><img border="O" src="images/listen.png"></a></li><li><a title="Voir tous les articles classés dans Massalès Infos" href="#"><img border="O" src="images/listen.png"></a></li><li><a title="Voir tous les articles classés dans Massalès Infos" href="#"><img border="O" src="images/listen.png"></a></li>
		<li><a title="Voir tous les articles classés dans Massalès Infos" href="#"><img border="O" src="images/listen.png"></a></li>
	</ul>
	</div>
	<div>
	<a title="Voir tous les articles classés dans Métiers" href="#metiers/"<img  border="O" src="images/bot3.png"></a>
	<ul style="display: none;">
		<li><a title="Voir tous les articles classés dans Sports équestres" href="#"> Sports équestres</a></li>
		<li><a title="Voir tous les articles classés dans Élevage" href="#"> Élevage</a></li>
		<li><a title="Voir tous les articles classés dans Courses" href="#"> Courses</a></li>
		<li><a title="Voir tous les articles classés dans Autres Métiers" href="#"> Autres Métiers</a></li>
	</ul>
	</div>
	<div><a title="Voir tous les articles classés dans Nos Formations" href="#nos-formations/"><img  border="O" src="images/bot4.png"></a>
	<ul style="display: none;">
		<li><a title="Voir tous les articles classés dans Sports Équestres" href="#le-secteur-des-sports-equestres/"> Sports Équestres</a></li>
		<li><a title="Voir tous les articles classés dans Élevage Jeunes Chevaux" href="#le-secteur-de-lelevage/"> Élevage Jeunes Chevaux</a></li>
		<li><a title="Voir tous les articles classés dans BP JEPS" href="#"> BP JEPS</a></li>
		<li><a title="Voir tous les articles classés dans L'Alternance, Les Stages" href="#"> L'Alternance, Les Stages</a></li>
		<li><a title="Voir tous les articles classés dans Schéma des Formations" href="#schema-des-formations/"> Schéma des Formations</a></li>
		<li><a title="Voir tous les articles classés dans BTS ACSE" href="#le-bts-acse/"> BTS ACSE</a></li>
	</ul>
	</div>
</div>

.nettoyeur {
clear:both;
}


/******************************/
/* MON MENU DEROULANT */
/******************************/


#menu div {
float:left;

}

#menu div a {

}

#menu div  a:hover {

}

#menu div ul {

}

#menu ul, #menu li {
margin: 0;
padding: 0;
list-style-type: none;
list-style-position:outside;
}

#menu ul li {
}
	
#menu ul li a {
text-decoration: none;
}

#menu ul li a:hover {

}

Merci d'avance.

Up !

http://cssplay.co.uk

Merci, un des problème a était réglés par contre je n'arrive a pas enlever ses espace qu'il y a entre les image du menu

Essayes un border:none; ou margin:0px; ou display:inline; (pour le dernier, il te faudra rajouter des sauts à la ligne)

Merci, ca marche tout seul mes a partir du moment ou je le met dans mon index sa bug ..
http://www.radio-geek.fr/V1/index.php
http://www.radio-geek.fr/V1/menu.html

Les deux bug chez moi (IE7)
Je vais bientôt réavoir accès à mon PC... dès que c'est bon je t'aide.

Ok, merci de ton aide.

On dirait un problème de CSS...

Regarde tous les styles qui pourraient involontairement influencer l'affichage de ton menu et testes en les mettant en commentaire par exemple...

J'ai pas trouver.

Tes liens sont morts...

Lien mis a jour tout en haut

Up !

Ca marche sous chrome... sauf que t'as un espace au deuxième...

Sous chrome et FF ca marche pas, la page c'est bien : http://radio-geek.fr/

Chrome ça marche... ça affiche des truc sous les 3 dernières colonnes en fonction du bouton sur lequel tu es...

Et sous FF aussi...

http://je-stock.fr/getfile.php?file_id=18&file_key=wges6
C'est la ou il y a les barre rouge que sa bug
Il y a des espace

Up !