Menu deroulant en CSS

Bonjour à tous,

Voilà je desirai faire un menu deroulant en css avec entre chaque menu une image qui est une barre horizontale, le probleme est que je n'arrive pas à l'enlever cette image dans les sous menu exemple à cette adresse http://s284810043.onlinehome.fr/menu.php (menu Item 2)

voici mon fichier menu.php

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<div id="menu">
<ul>
  <li><a href="#">Item 1</a></li>
  <li><a href="#">Item 2</a>
     <ul>
      <li><a href="galerie.php">Sous-item 1</a></li>
      <li><a href="gal.php">Sous-item 2</a></li>
      <li><a href="#">Sous-item 3</a></li>
    </ul>
  </li>
  <li><a href="#">Item 3</a></li>
</ul>
</div>

et voici mon fichier css:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 font: bold 100% Tahoma;
 }
#menu ul li {
 float: left;
padding: 2px 2px;
text-decoration: none;
background: transparent url(../images/vertical.gif) center right no-repeat;
 }
 #menu li a {
 display:block;
 width:100px;
 font-family:Arial;
 font-size:12px;
 color:#5D5D5D;
 text-decoration:none;
 padding:0px;
 }
#menu ul li ul {
 display:none;
 }
#menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 }
#menu li ul {
 position:absolute;
 }
#menu {
 height:50px;
 }

D'avance merci de votre aide,

muriel

Bonjour,
Il faut rajouter background:none aux balises li des sous-menus car sinon elles héritent du background des balises li parentes (#menu li).
Code:

1 2 3 #menu li ul li { background: none; }

merci beaucoup desert, ça marche parfaitement

Bonne soirée

muriel