Button (mit image) Text - zentrieren?

[marauder]

Hallo,

im moment bin ich am verzweifeln den meine CSS Buttons lassen es einfach nicht zu den zugeteilten Text (Button Bezeichnung) Pixelgenau zu zentrieren. hier mal ein Ausschnitt aus der CSS-Datei:

/********************************************  
SIDEBAR  
********************************************/  
  
#sidebar {  
	float: left;  
	width: 160px;  
	color: #333333;  
	margin: 5px 5px 0px 5px;  
}  
  
#sidebar h2 {  
	margin: 15px 5px 10px 5px;  
	font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;  
	color: #333333;  
}  
  
#sidebar ul.sidemenu {  
	  
	text-decoration: none;  
	margin: 15px 5px 0 5px;  
	padding: 0px;  
}  
  
#sidebar ul.sidemenu li {  
	background-image: url(http:///images/button.gif);  
	background-repeat: repeat;  
	width: 140px;  
	margin: 5px 5px 0px 5px;  
	text-align: center;  
	  
}  
  
* html body #sidebar ul.sidemenu li {  
	height: 1%;  
}  
  
#sidebar ul.sidemenu li a {  
	color:#666;  
	display:block;  
	text-decoration:none;  
 }  
  
#sidebar ul.sidemenu li a:hover {  
	background-image: url(http:///images/button3.gif);  
	background-repeat: repeat;  
	color:#fff;  
	text-decoration: none;  
	border: none;  
 }

vielleicht weiß ja jemand was ich falsch mache bzw. kann mir helfen... Danke!