Problème avec mon menu horizontal

Bonjour,

J'ai un petit problème... J'ai télécharger un template en CSS, le template en question n'avait pas pas de menu avec des sous-menu. J'ai donc modifier le CSS pour avoir la possibilité de mettre des sous-menu et ceci fonctionne.

Le soucis est lorsque je passe la souris sur mon menu pour voir les sous-menu, tout mon contenu principal descend... Ce que je voudrais sa serait que mon sous-menu embarque par dessus mon contenu.

Voici le site en question : www.kskcompany.com/site/

Le sous-menu est dans : Ads

Voici mon CSS du menu:

.menu {
	padding:0 0 0 0; 
	overflow:hidden;
	width: 960px;    
max-width: 960px;    
min-width: 960px;
z-index:200;
}

.menu li {
	float:left; 
	position:relative;
	padding-left:2px;
	background:url(../images/menu-spacer.gif) left top no-repeat;
	z-index:200;
}
.menu li:first-child {background:none;width:200px;text-align:center;}
.menu li a {
	display:block;
	height:45px; 
	font-size:16px; 
	line-height:45px; 
	text-align:center; 
	color:#0d0d0d; 
	background:url(../images/menu-a.png) left bottom repeat-x #fff;
	padding:0px 95px;
	width:75px;
	z-index:200;
}
.menu li:first-child > a {border-radius:12px 0 0 12px; padding:0 67px;}
.menu li.last > a {border-radius:0 12px 12px 0; padding:0 66px 0 64px; }
.menu li.active a,
.menu > li > a:hover {
	background-position:left top; 
	background-color:#e82d02;
	color:#fff;
	z-index:200;
}


	.menu li ul{
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		z-index:200;
		}
	.menu li:hover ul{
		display:block;
		z-index:200;
		}
	.menu li li {
		background:url(../images/menu-spacer.gif) left top no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		z-index:200;
		}
	.menu li:hover li a{
		background-color:#e82d02;
	color:000000;
	z-index:200;
		}

		.menu li ul a:hover, .menu li ul li:hover a{
		background-position:left top; 
	background-color:#e82d02;
	color:#fff;
	z-index:200;
			}
.menu li li:first-child > a {border-radius:0px 0 0 0px; padding:0 95px;}

Merci
Modifié par ixel (08 Apr 2012 - 16:29)

Bonjour,

Je te conseille d'aller voir par là
http://forum.alsacreations.com/topic-2-48916-1-Menu-deroulant-horizontal.html
Le sujet y a déjà été traité...
Sinon tape dan ton moteur de recherche: "menu déroulant css", si tu veux du CSS ou alors "menu déroulant jquery" pour du jquery!