Image de fond ne s'affiche pas dans le menu

[sebasti1-88]

bonjour,

j'ai créé un menu horizontal avec 2 image de fond. Une en temps normal et une au passage de la souris. Le probleme c'est que le menu est bien créé, mais les image ne s'affiche pas.
J'ai tester si l’accès aux images fonctionnais, je les ai affichés dans le body, et c'est bon.

Voila mon code css :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
 
/* ---------------------- horinav  ---------------------- */
.blue #horinav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(images/blueslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
 
.blue #horinav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
 
.blue #horinav ul li{display:block;float:left;margin:0 1px 0 0;}
 
.blue #horinav ul li a{display:block;float:left;color:#D5F1FF;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
 
.blue #horinav ul li a:hover,.blue #horinav ul li a.current{color:#fff;background:transparent url(images/blueslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END horinav ---------------------- */

code html :

Code html :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<div class="blue">
		<div id="horinav">
			<ul>
				<li><a href="#" title="A" class="current">Accueil</a></li>
				<li><a href="#" title="M">Mon parcours</a></li>
				<li><a href="#" title="c">Les dons</a></li>
				<li><a href="#" title="c">Les pre</a></li>
				<li><a href="#" title="c">Le forum</a></li>
				<li><a href="#" title="c">La boutique</a></li>
				<li><a href="#" title="c">Me contacter</a></li>
			</ul>
		</div>
	</div>

Quelqu'un saurait il pourquoi ca ne fonctionne pas ?

merci

seb

[Bisûnûrs]

Problème lié au dépassement de flottants, cf FAQ :
http://css.developpez.com/faq/?page=...ment_flottants