Problème css pour menu

Bonjour
j'eesaie de faire un menu en utilisant le css
Le 1er code est une partie de mon menu et le 2ème le fichier css

Code:

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
 
<div>
	<ul class="menuH">
		<li>
			<a id="accueil" href="javascript:void(0);"
				onMouseOver="montreSMenu('accueil'); return true;"
				onMouseOut="cacheSMenu('accueil'); return true;">
				Accueil
			</a>
 
			<ul id="accueil_sm" class="ssmenuH">
				<li>
					<a href="/">Accueil</a>
				</li>
				<li>
					<a href="/livre/">Livre d'Or</a>
				</li>
				<li>
					<a href="/annu/">Annuaire</a>
				</li>
				<li>
					<a href="javascript:addFav();">Ajouter aux favoris</a>
				</li>
			</ul>
		</li>

Code:

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
 
/* CSS Document */
.menuH
{
	font-weight:bold;
	font-style:11px;
	height:25px;
}
.menuH a
{
	text-decoration: none;
	display: block;
	text-align:center;
	width:100px;
}
.menuH li
{
	float:left;
	list-style-type: none;
}
 
.ssmenuH
{
	display:none;
	border:thin #00FF66 solid;
	position:absolute;
	color:#FF0000;
 
}
.ssmenuH li
{
	margin: 0px;
	padding: 0px;
	clear: left;
	border:thin #FFFF66 solid;
	text-align:left;
}
.ssmenuH li a
{
	display: block;
	text-align:left;
	padding: 1px 0px 1px 5px;
}

Voir l'image pour le résultat.
On voit très bien que les sous menu sont décalés. Les bords verts matérialisent la balise ul et les bords jaunes les balises li.
Je souhaiterais que les li soient alignés à gauche et sans marge (c'est pourtant ce que j'avais demandé au css)