Pionowe menu i długi tekst...

[TRENS]

mam pionowe menu, jednak kilka linków w menu mam dosyć długich i nie mieszczą mi się w przycisku, a nie chce zmniejszać czcionki albo poszerzać menu, co trzeba by dodać do kodu by automatycznie się przycisk dopasowywał do długości tekstu (zwiększały swoją wysokość). Da się w ogóle w css? Przyciski mam jako pliki graficzne, ewentualnie mogą to być przyciski jako nie pliki graficzne tylko zwykły kolor. Chyba, że polecacie coś innego w czym można by zrobić menu pionowe, flash odpada. W menu miałby się zmieniać kolory po najechaniu i kliknięciu no i dopasowywały się do długości tekst (kilka rzędów)

/*		V2		*/

*{
list-style:none;
margin:0px;
padding:0px;
}


#menu {
width: 337px;
border-style: solid solid none solid;
border-color: #94AA74;
border-size: 1px;
border-width: 1px;

}

#menu li a {
height: 40px;
  voice-family: "\"}\""; 
  voice-family: inherit;
  height: 34px;
text-decoration: none;
}	

#menu li a:link, #menu li a:visited {
color: #5E7830;
display: block;
background: url(images/menu1.gif);
background-repeat:no-repeat;
padding: 8px 0 0 10px;
}

#menu li a:hover {
color: #26370A;
background: url(images/menu1.gif) 0 -40px;
background-repeat:no-repeat;
padding: 8px 0 0 10px;
}

#menu li a:active {
color: #26370A;
background: url(images/menu1.gif) 0 -80px;
background-repeat:no-repeat;
padding: 8px 0 0 10px;
}

<div id="menu">
	<ul>
		<li><a href="#1" title="1">1</a></li>
		<li><a href="#2" title="2">2</a></li>
		<li><a href="#3" title="3">3</a></li>
		<li><a href="#4" title="4">4</a></li>
		<li><a href="#5" title="5">5</a></li>

	</ul>
</div>

[WebReklama]

Usunąc height z #menu li a a dodać line-height