Liste avec puce en image seulement en survol

Bonjour à tous,

Comme bcp je demarre en CSS et je mets plus de temps pour faire mes sites en CSS qu'avec des tableaux... mais je travaille pour que ca change

Est-ce que quelqu'un pourrait m'aider pour un menu :

div#menu ul {
	list-style-position: inside;
	font-family: "Times New Roman", Times, serif;
	text-align: left;
	list-style-type: none;
}
div#menu ul li {
	line-height: 20px;
}
div#menu ul li a {
	color: #FFFFFF;
	text-decoration: none;
}
div#menu ul li a:hover {
	list-style-image: url(img/decor/fleche-menu.gif);
}

Sous ie pas de proplème, quand je passe la souris sur un lien, l'image apparait sur la gauche, mais sous firefox ou opera, nada.

Merci,

Philippe
Modifié par Phifipuce (30 Jun 2005 - 14:54)

Salut,

list-style-image est une propriété qui s'applique à une liste <ul> fonctionne aussi sur les <li> mais en aucun cas sur une balise <a.
Ce n'est pas mozilla qui gère mal mais ie qui est trop tolérant... je crois (non?)

Une solution simple est de mettre une image de fond dans ton lien et un padding pour décaler le texte. Je sais pas si c'est la meileure solution ...
Modifié par ___seb (01 Jul 2005 - 00:53)

___seb a écrit :

Une solution simple est de mettre une image de fond dans ton lien et un padding pour décaler le texte. Je sais pas si c'est la meileure solution ...

Je sais pas si c la meilleure solution mais en tout cas elle marche tres bien ^^

Merci !