[CSS] znacznik padding Opcje

[Adam_]

Witam,

Mam mały - banalny problem, ale niestety nigdzie nie znalazłem tego dobrze wytłumaczonego. Mianowicie mam na myśli znacznik padding w CSS. Nie wiem kiedy dokładnie należy go używać i jak to robić. Tzn przykładowo mam menu, gdzie tło każdej z komórek to obrazek. Co należy zrobić, aby tekst był na środku tej komórki, a nie na górze. Zawsze używałem właśnie tego padding, ale przez to rozjeżdżało mi się menu. Trochę poszukałem i znalazłem, że przydatne może być vertical-align ale w moim przypadku to nic nie daje (może w złym miejscu to wpisuję?).

i wygląda to tak:
http://img412.imageshack.us/i/beztytuupp.png/

a chce aby tekst był na środku obrazka

Kod:

[HTML] pobierz, plaintext 
<div id="menu">
  <ul>
  <li><a href="#">jeden</a></li>
  <li><a href="#">dwa</a></li>
  <li><a href="#">trzy</a></li>
  <li><a href="#">cztery</a></li>
  </ul>
  </div>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
#menu {
	font-weight: bold;
	text-align: center;	
	}
 
#menu ul {
	list-style: none;
}
 
#menu a {
	color: #191919;
	width: 150px;
	height: 49px;
	float: left;
	background: url('button.png');
	display: block;
}
 
#menu a:hover {
	background: url('button-h.png');}
[CSS] pobierz, plaintext 

Proszę o pomoc

[krzysztof_kf]

dodaj do

[CSS] pobierz, plaintext 
#menu a { 
line-height: 2em;
 
[CSS] pobierz, plaintext 

[Adam_]

Wielkie dzięki O to właśnie mi chodziło