[HTML][CSS]Odstęp pomiedzy każdą zakładką menu Opcje

[xxdrago]

Witam, jak mogę zrobić żeby odstęp wynosił 8px? chodzi mi o to:

Bez odstępu:
(IMG:http://img856.imageshack.us/img856/6518/terazj.png)

Z odstępem:

(IMG:http://img806.imageshack.us/img806/8360/taraz2.png)

Kod html:

[HTML] pobierz, plaintext 
<ul id="menu">
	<li><a href="#" title="Home"><div id="menuznak">&raquo; Home</div></a></li>
	<li><a href="#" title="Home"><div id="menuznak">&raquo; Home</div></a></li>
	<li><a href="#" title="Home"><div id="menuznak">&raquo; Home</div></a></li>
	<li><a href="#" title="Home"><div id="menuznak">&raquo; Home</div></a></li>
	<li><a href="#" title="Home"><div id="menuznak">&raquo; Home</div></a></li>
</ul>
[HTML] pobierz, plaintext 

Kod CSS:

[CSS] pobierz, plaintext 
#menu {
list-style: none;
margin: 0;
padding: 0;
background: url(images/menu.png);
width: 248px;
height: 39px;  
}
#menu li {
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#menu a {
	background: #333;
	border-bottom: 1px solid #393939;
	color: #ccc;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}
#menu a:hover {
color: #FFD700;
}
[CSS] pobierz, plaintext 

A i dodam że ten odstęp ma być pod każda zakładką z góry dziekuje.

[xxdrago]

Odstępy są ale pierwsza zakładka jakby się dubluje nie wiem czemu dałem ss post wyżej:

Kod

#menu {
list-style: none;
margin: 0;
padding: 0;
background: url(images/menu.png);
width: 248px;
height: 39px;  
}
#menu li {
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
margin: 0 0 8px 0;
padding: 0;
}
#menu a {
    background: #333;
    border-bottom: 1px solid #393939;
    color: #ccc;
    display: block;
    margin: 0;
    padding: 8px 12px;
    text-decoration: none;
}
#menu a:hover {
color: #FFD700;
}