Ao usar sprites CSS com pseudoelementos, certifique-se de incluir estas linhas para garantir que o sprite apareça:
HTML:
<div class = “button”> ENERGIZE-SE! </div>
CSS:
.button: before {
content: “”;
padding-left: 30px;
}
.button: after {
content: “”;
padding-right: 30px;
}
Minha dica não usa float, mas sim preenchimento. Aqui está um bom artigo de pseudo sprites que usa float no pseudo elemento.
http://css-tricks.com/pseudo-spriting/