[Résolu] Span troqué

Bonjour,
J'utilise des span pour faire des onglet de menu.
pour une raison que j'ignore le haut du span ne s'affiche pas c'est comme s'il était masqué par qq chose.
je m'en suit aperçu car j'ai fait un hover sur ma class afin d'affiche on background quand la souris est sur l'onglet.

voici un lien avec le span

<a href="index.html" title="Retour a l'acceuil"><span class="menu_haut">Accueil</span></a>

et voici les class

.menu_haut {
	padding: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #006DB8;
	padding: 10px;
	vertical-align: middle;
	height: 38px;
}
.menu_haut a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #006DB8;
	padding: 10px;
	vertical-align: middle;
	height: 38px;
}
.menu_haut:hover {
	padding: 11px;
	background-image: url(../../images/template/fond_menu_top_gris_moyen.gif);
	background-repeat: repeat-x;
	background-position: center;
	padding: 10px;
	vertical-align: middle;
	height: 38px;
}

le pb est que sous IE7, sous safari et FF pas de pb
je vous joins une copie d'écran de la zone concerné.
Modifié par christobal (04 Jun 2009 - 11:49)

mmmh ... difficile de te répondre avec cette portion de code (attention, tu as deux padding différents déclarés pour la classe menu_haut).

Je ne comprend pas ton problème, serait il possible d'avoir un lien?

De plus, si le span est coupé, il y a une chance que cela vienne de son contact immédiat avec une div au dessus ou en dessous ( quand j'aurais compris où il est coupé ) qui dépasserait sur lui ou qui le contraindrait... Serait il possible d'avoir les éléments du contexte stp ?