[Résolu]Problème <a> et <span>

Bonjour,

après avoir cherché des tutos sur l'utilisation des balises <span> pour la création de sous-menus, j'ai voulu tester sur mon projet, mais il subsiste un problème.

En effet le sous-menu est visible tout le temps, et pas uniquement en faisant un rollover sur le lien.

Voici la Css:

#menubtn{
background:url(../img/menu_btn.jpg) no-repeat;
margin:auto;
float:left;
width: 84px;
height: 34px;
}

#menubtn a{
text-decoration: none;
font-size: 0.8em;
display: block;
color: #000;
}

#menubtn a:hover{
background-color: #666;
color: #fff;
}

#menubtn a span {
display: none;
z-index: 10;
}

#menubtn a:hover span{
display: block;
background-color: #ccc;
font-size: 0.8em;
color: #000;
}

et la partie HTML:

<div id="menubtn">
			<a href="#">Offres
				<span>
				<a href="#">Autoconstruction</a><br />	
				<a href="#">Personnalisation</a><br />
				<a href="#">Ecologie</a><br />
				<a href="#">Economique</a>
				</span>			
			</a>
		</div>

Je vous remercie par avance et m'excuse si une réponse a été postée pour un sujet tel que celui-ci, mais je n'ai rien trouvé.
Modifié par Deathstar (10 Jun 2007 - 14:19)

Problème résolu.

Salut,

Peut être qu'il serait bon de partager ta solution avec les visiteurs ou membres qui rencontreraient le même genre de problème. C'est çà l'intérêt d'une communauté comme Alsacréations.

Par ailleurs, si tu considère que ton sujet est [Résolu], merci de l'éditer pour le marquer comme tel.

on veut tout savoir !!

En fait c'est résolu mais pas avec les spans. J'ai tout simplement repris le tuto sur les menus déroulants passant par un JS.

Désolé mais je n'ai pas trouvé de solutions pour le faire avec des <a> imbriqués dans des <span>.