Tengo un problemita con este boton Sprite que no logro dar con el
Ejemplo aqui Código HTML:
<a class="button" href="#"><span>Demo</span></a>
Este es el css que estoy usando, lo he revisado una y otra vez, he leido y no logro dar con el problemita. Agradeceria cualquier ayuda! gracias
Código:
.clear
{
/*contenedor generico (ejemplo div) para botones flotantes*/
overflow: hidden;
width: 100%;
}
A.button
{
background: transparent url(button_a.png) no-repeat scroll 155px 0px;
color: #444;
display: block;
float: left;
font: normal 2.2em arial, sans-serif;
height: 62px;
margin-right: 6px;
padding-right: 18px;
/* tutorial de sliding doors padding*/
text-decoration: none;
}
A.button SPAN
{
background: transparent url(button_span.png) no-repeat;
display: block;
line-height: 62px;
padding: 0px 0 0px 18px;
}
A.button:active
{
background-position: bottom right;
color: #000;
outline: none;
/*esconder las lineas punteadas en Firefox*/
}
A.button:active SPAN
{
background-position: bottom left;
padding: 0px 0 0px 18px;
/*el texto hacia abajo 1px*/
}