body要素はどこからどこまでが範囲なのか明確によくわからないのでとりあえず一番外を囲っておくやつ。 ぶちぬきのヘッダーとかが無いならばここで全体の幅指定とかをしておく

#all{
    /* 何か */
}

HTML的にボタンじゃないけどボタンとして表現されるものにつける。hoverの擬似クラスのセレクタと組み合わせるて使う

.button{
    cursor: pointer;
    display:block;
    text-indent: -9999px;
    text-decoration: none;
    border:none;
    outline: none;
}
.button:hover{
    background-position: left bottom;
}

↑のコードを先に記述しておいて後の別のセレクタでボタンの画像をelementの背景画像として指定すると自動的にロールオーバーで変化するボタンになる。