Problème d'affichage avec une liste à puces
Bonjour , j'ai un grave probleme , j'ai crée une liste à puces avec dans chaque cellule la meme image de fond , voici le code css :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| #menu {
border: 1px solid black;
width: 151px;
height: 164px;
background: url("menu.gif");
padding: 0px;
float: left;
margin: 0 0 20px;
}
#menu li a {
margin-bottom: 1px ;
height: 41px;
display: block;
} |
et voici le code html :
Code:
1
2
3
4
5
6
7
8
| <div id="menu">
<ul>
<li><a href="#"></a>A</li>
<li><a href="#"></a>B</li>
<li><a href="#"></a>C</li>
<li><a href="#"></a>D</li>
</ul>
</div> |
Mon ennui est le suivant : seuls le A et le B apparaissent et ils occupent la place des 4 cellules , quelqu'un voit un problème ?
merci
