Cita:
Iniciado por kseso? 
No hay concordancia entre el css y el html, aunque supongo que es sólo un despiste y un baile entre derecha-izquierda.
Jaja si perdón, estaba medio despistado al querer explicar mi problema...
Bueno, primero que nada te agradezco mucho ya que pude solucionar mi problema! El botón funciona perfectamente.
Mi css quedo así: Código HTML:
.botonizquierda a{
display:block;
width:22px;
height:20px;
background-color:#343c56;
text-align:center;
color:#dbeef5;
font-size:13px;
font-family:arial;
float:left;
margin-left:1px;
margin-top:3px;
padding-top:2px;
border-radius:4px;
border:1px solid #000;
}
.botonizquierda a:hover{
color:#343c56 !important;
border:1px solid #434d6e;
background-color:#dbeef5;
}
Ahora, me surgió otra duda. A mi etiqueta <a> le asigne un "height" de 22 pixeles, pero cuando le aplicaba mi "padding-top" de 2 px, el cuadrado del botón (cuerpo) crecía 2 pixeles para abajo, cosa que no quería que pasara. Lo solucione dejando el "height" en 20 px, pero aún así me gustaría saber si esto es normal o hice algo mal. Saludos, muchísimas gracias por su tiempo!