Positionner un menu sur une image

bonjour
tous d'abord je vs remercie pr votre réponse ; voila j'ai essayé mais ca na pas marché ,pourtant c'est simple j'ai suivi les instructions ,

voici mon code html :
<div id="menu">
<ul >
<li><a href="index.html" title="Voir la page d'accueil">Accueil</a></li>
<li><a href="#" title="Voir la page qui sommes nous ">Qui sommes nous</a></li>
<li><a href="#" title="Voir la page nos services">Servies</a></li>
<li><a href="contact.html" title="Voir la page contact">Contact</a></li>
</ul>
</div>
debut du code css :
#menu {
list-style: none;
margin: 0px;
padding: 0px;
background: #cc0000;

}

j'ai ajouté biensur :background-color: "images/foncMenu.jpg" aucune modification
j'ai essayé avec background-image: url(images/foncMenu.jpg), la , l'image s'affiche just avec les mêmes dimension que le menu , je cherche que tous l'image s'affiche alors ou est le problème?

merci encore

Bonjour,

Le mieux serait de faire ton menu dans une div. Tu donne un attribut id ou class à ta div, et tu lui met dans le css un attribut background color qui pointe vers une image.
Ca donnerais un truc comme ça:

<div id="menu">
//ton menu en html
</div>

dans ton css:

#menu{
background-color: "images/foncMenu.jpg"
}

--
La bretagne...le plus bel endroit au monde.