bonjour, comment créer un menu avec css ?

sous forme :

<ul>
<li></li>
<li></li>
<li></li>
</ul>

Code : Sélectionner tout - Visualiser dans une fenêtre à part
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
 
.header-menu ul
{
	border: 0px;
	background-image: url(../images/fd_menu.png);
	background-repeat: repeat-x;
	height: 50px;
	max-height: 50px;
	width: 1280px;	
}
 
.header-menu ul li
{
	display: inline ;
	background-image: url(../images/m-hover.png);
	height: 50px;	max-height: 50px;	
	width: 105px;	max-width: 105px;
}
.header-menu ul li:hover
{
	display: inline ;
	background-image: url(../images/m-hover.png);
	height: 50px;	max-height: 50px;	
	width: 105px;	max-width: 105px;
}
j'aimerai mettre un fond du menu avec .ul
mettre un fond pour chaque .li
un fond hover pour .li:hover

et comment mettre une image entre chaque li ? (séparation img)

Merci