Bonjour,

Voici mon menu CSS :
Le rendu en image :
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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
 
.contextMenu{
    display:none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    position: absolute;
	background:#FAFAFA url(menubg.gif) repeat-y left top;
    border: 1px solid #979797;
    width:auto;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    font-size: 13px;
}
 
.contextMenu ul{
       list-style: none;
        padding: 0;
        margin: 0;
}
 
.contextMenu li{
  margin: 0px;
    padding: 3px;
 
}
.contextMenu ul span{
        display: block;
	padding: 1px 5px;
	padding-left: 28px;
        text-decoration: none;
        color: #000;
        background-repeat: no-repeat;
}
 
.contextMenu ul li span:hover, .contextMenu ul li span:focus {
	color: #FFF;
	background-color: #AECFF7;
	cursor: pointer;
	cursor: hand;
}
 
.separateur{
    border-top: 1px solid #E0E0E0;
    height: 1px;
    width: 182px;	
}
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
 
<div class="contextMenu" id="Menu1">
      <ul>
        <li class="cut"><span id="cut">1 Cut</span></li>
		<li class="separateur"></li>
        <li class="copy"><span id="copy">1 Copy</span></li>
        <li class="paste"><span id="paste">1 Paste</span></li>
		<li class="separateur"></li>
        <li class="delete"><span id="delete">1 Delete</span></li>
      </ul>
</div>
J'ai trois problèmes :
1) Je voudrais que mon separateur s'arrête au bord vertical de l'image "menubg.gif" (CF image trait rouge)

2) Le hover "bleu ciel" dans le SPAN je voudrais qu'il prenne toute la largeur horizontalle de la cellule SPAN (CF image trait vert)

3) la séparation verticale entre le séparteur et une option menu soit à égale distance (CF image trait bleu)

Merci par avance.