（html）
　<li class="rollover01">
　　<a href="#"><img src="images/rollover_off.jpg"/></a>
　</div>

（css）
　.rollover01 {
　　　width:100px;
　　　height:30px;
　　　background:url(images/rollover_on.jpg) no-repeat;
　}
　.rollover01 a {
　　　display:block;
　　　width:100px;
　　　height:30px;
　　　font-size:1px; /* IE対策 */
　　　line-height:1px;
　　　outline:none;
　}
　.rollover01 a:hover {
　　　text-indent:-9999px; /* ロールオーバー時にoff画像を枠外へ飛ばす */
　}