<style type="text/css">
/* 通常時 */
.ro1 {
background:url(/content/img/btn/btn_off.gif) no-repeat; /* 画像(off) */
width:59px; height:18px; /* 画像の幅・高さ */
margin:0; padding:0; /* 余白指定 */
display:block; /* ブロック要素扱い */
}
/* マウスが乗った時 */
.ro1:hover {
background:url(/content/img/btn/btn_on.gif) no-repeat; /* 画像(on) */
}
</style>
<a href="#" class="ro1"></a>