Witam, chce zrobić menu poziome. Poniżej jest kod html i css. Menu działa tylko że nie do końca tak jak chce. Chodzi o to że po najechaniu linkiem jest tylko tekst a chce żeby linkiem był tekst z obszarem w którym się znajduje (5px - dół, 5px - góra, 20px lewa strona, 20 px prawa strona). Co mam zmienić?

[HTML] pobierz, plaintext 
    <div id="menu">
	 <ul>
		<li><a href="">Pozycja1</a></li>
		<li><a href="">Pozycja2</a></li>
		<li><a href="">Pozycja3</a></li>
	 </ul>
    </div> 
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
#menu ul{
	list-style: none;
	font-weight: bold;
	background-image: url('menu1.png');
}
 
#menu li{
	display:inline;
	padding: 5px 20px;
}
#menu li:hover{
	padding: 5px 20px;
	background-image: url('menu2.png');
}
 
#menu a:link, #menu a:visited, #menu a:visited, #menu a:hover {
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
}
[HTML] pobierz, plaintext 

Już sobie poradziłem Wystarczyło padding: 5px 20px; przenieść do #menu a:link, #menu a:visited, #menu a:visited i background-image: url('menu2.png'); do #menu a:hover. Pozdrawiam