Image background qui ne s'adapte pas au menu.

Bonsoir a tous,

mon probleme se situe ici dans le menu vertical de gauche.

Lorque l'on active le menu déroulant, l'image de fond ne s'adapte pas, et le menu a l'air de déborder du bloc.

Le menu a été réalisé a l'aide d'un tutos alsacreation (merci)

voici le css des divs concernés :

[code]div#colGauche	{
 	float: left;
	margin: 0px 0;
	background:#1E2455;
	height: 500px;
	width: 200px;
	overflow: hidden;

	}
	
div#nosProduits	{
	text-align: center;
	background-image: url(../imgs/maggassurAccueil_24.jpg);
	height:41px;
	background-repeat: no-repeat;
	

}

div#blocMenuV	{
	width:187;
	background-image: url(../imgs/VmenuAP_08.gif);
	padding-left:23px;
	
	
}


#menuV {
	width: 154px;
	height: 100px;
	position:relative;
}


dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}


#menuV dt {
	cursor: pointer;
	margin: 2px 0;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-weight: bold;
	border: 1px solid orange;
	background:#1E2455;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FCBB38;
}

#menu dd {
	border: 1px solid;
	border-color:#FCBB38;
	}

#menuV li {
background:#FCBB38;
text-align:center;

}
#menuV li a, #menuV dt a {

}
#menuV li a:hover, #menuV dt a:hover {

}



div#MVbas	{
	background-image: url(../imgs/MENUVerticBAS.gif);
	height: 33px;
	width: 200px;

}

C'est le div : div#blocMenuV qui est censé contenir l'image.

Merci pour vos solutions a mon problème

Hello,

Tu figes la hauteur de dl#menuV:

#menuV {
	[#red][b]height:100px;[/b][/#]
	position:relative;
	width:154px;
}

Donc dl#menuV garde en toutes circonstances une hauteur de 100px, et si son contenu est plus haut, ben ça déborde.

Solution: supprimer cette hauteur.
Modifié par Florent V. (17 Sep 2007 - 23:55)

génial florent merci à toi !

C'est une erreur grossière de ma part mais il faut bien commencer un jour.

Un grand merci