ie6でマウスオーバー時にボタン以降が下に大きくずれてしまいます。

質問

CSSで背景画像を配置して、マウスオーバー時に背景画像をずらして、変化をつける方法をとっています。
ところがie6ではマウスを置くと、設置しているボタン以降のフッター部分が下に大きくずれてしまいます。

【サーバーに上げています。制作途中ですが。。。】
http://www.nayame.com/d-nomaidz/pop/service01.html
※ie6でページ下のnextの両ボタンにマウスを置くとフッター部分が下がります。

ソースは下記の通りです。
どうぞ、ご指示頂きます様にお願い致します。

--html--
<ul id="service01_next">
<li><a href="service01_01.html" id="go_service01_01">実績事例｜ケータイUI企画・制作</a></li>
<li><a href="service01_02.html" id="go_service01_02">料金設定｜ケータイUI企画・制作</a></li>
</ul>

--css--
#service01_next{
width:513px;
height:auto;
padding:23px 45px 0 45px;
background:url('../../img/service01/next.gif') 50% 0 no-repeat;
margin:30px 0 0 0;
}
#service01_next li{
display:inline;
}
#service01_next li a{
float:left;
width:251px;
height:55px;
text-indent:-9999px;
}
#service01_next li a#go_service01_01{
background:url('../../img/service01/next_01.gif') 0 0 no-repeat;
margin:0 10px 0 0;
}
#service01_next li a#go_service01_02{
background:url('../../img/service01/next_02.gif') 0 0 no-repeat;
}
#service01_next li a:hover#go_service01_01,
#service01_next li a:hover#go_service01_02{
background-position:0 -55px;
}

回答No.1

reggaepunc

解決済みでしょうか？？