• 締切済み

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

解決済みでしょうか??

関連するQ&A

専門家に質問してみよう