.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

input.button    { color: #444; font: 12px arial, sans-serif; text-decoration: none; background: url("bg_button_a.jpg") no-repeat right top; display: block; margin-right: 6px; padding-right: 18px; height: 24px; float: left }

input.button span   { line-height: 14px; background: url(bg_button_span.jpg) no-repeat; display: block; padding: 5px 0 5px 18px } 
input.button:active  { color: black; background-position: right bottom; outline: none thin }

input.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}