Boton Sprite - No logro ajustarlo

[ivor]

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*/
}

[emiliodeg]

bueno te falto un pelin para terminarlo

cambia esto y se soluciona

a.button {

background:transparent url(button_a.png) no-repeat scroll right top;

}




slaudos

[yosoyraro]

Cierto!! con lo que comenta emiliodeg queda solucionado. Muy bueno el detalle emiliodeg!!
:)

[ivor]

Iniciado por emiliodeg

bueno te falto un pelin para terminarlo

cambia esto y se soluciona

a.button {

background:transparent url(button_a.png) no-repeat scroll right top;

}




slaudos

Jaja tan fácil que estaba cierto, mil gracias hermano. Listo!