CSS Probléme d'affichage d'images

Voilà bonjour tlm. J'ai donc un probléme en CSS. J'essaie de créer deux menus à gauche l'un en dessous de l'autre . Ces menus sont consitués d'une image menu.jpg . Donc pour celà je déclare 2 divs. Mais le probléme c'est que les images sont coupées dans la hauteur et donc ne s'affichent pas complètement. Je n'arrive pas à résoudre ce probléme :
Voici le code CSS :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

#menu { float: left; width: 150px; } .element_menu { background-image: url("menu.jpg"); background-repeat: no-repeat; margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */ }

---

Merci d'avance

salut,

je pense que tu devrais préciser la hauteur de ta div :

Code:

---

1 2 3 4 5 6 7

.element_menu { background-image: url("menu.jpg"); height: 100px; /*taille de ton image*/ background-repeat: no-repeat; margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */ }

---

Avec ça sur que l'image ne soit pas coupé dans sa hauteur !!

Arf tu sais quoi ? je suis un imbécile : moi je croyais que ça s'écrivait heigth et non pas height résultat écrit corectement ça marche.

merci bien