disculpá que te joda taaanto.. pero ya casi lo tengo.. veamos:
Código HTML:
.boton a:link, .boton a:active, .boton a:visited {
display: block;
max-height: 18px;
height: 18px;
text-decoration: none;
font-size: x-small;
}
.boton a:hover {
background-color: #CCCCCC;
max-height: 16px;
height: 16px;
border: 1px solid #000000;
text-decoration: none;
font-size: x-small;
}
ahora bien, la tabla no se deforma al estar hover
pero sí se corre el texto.. su altura varía
mi intención sería la siguiente:
Código:
.
. TEXTO
.
//////////
.+-----+
.|TEXTO|
.+-----+
es decir, que todo quede tal cual lo original. sólo que con el resaltado y borde
