Hacer un menu con rollover en las celdas de la tabla

[gilberdesigns]

Hola! a ver si me puedo explicar porque tengo una duda y pinta ser facil de solucionar (yo esque no he usado mucho CSS y voy pez)

Mirad, la idea es que tengo un menu:

Menu 1
Menu 2
Menu 3

cada menu esta dentro de una celda.

Entonces he exo un CSS

Código:

.menu_dedo {

}

.menu_dedo a {
	background-image: url(bt_onoff.png);
	background-position: -148px 0px;
	text-decoration: none;
	display: block;
	border: 0px;
	height: 26px;
	width: 118px;
	padding-left: 30px;
	background-repeat: no-repeat;
} 

.menu_dedo a:hover {
	background-image: url(bt_onoff.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	color: #000000;
}

Lo que sucede es que me dado cuenta que el RollOver actua sobre el LINK por asi decirlo, y no sobre la celda. Si quito el atributo height: 26px; (que es la altura de la celda) la imagen que hace el roll over es tan alta como el texto que contiene el enlace :( y si aplico el height: 26px; el texto se corre hacia arriva :( :(



Veis? :(


EDITO: He puesto el valor padding-top: 6px; y lo he conseguido centrar (yujuuuuu!) de todas formas, si alguien mas PROFESIONAL en el tema que yo ve que he hecho algo mal o que se podia hacer mejor, se agradeceria la ayuda! thx!