/* CSS・スタイルシート質問スレッド【18】 */

579 ：Name_Not_Found：03/05/05 22:32 ID:???

IE5.0 Opera7 Netscape7でOKなんですけど
XP+SP1のIE6で表示おかしいって感じで困ってるんですが
そういうケースでも
ここにソース書いて解決方法お尋ねしてもよいですか？
a:HOVERのときに問題がおきるのです。

580 ：Name_Not_Found：03/05/05 22:35 ID:???

>>579
とりあえず書かないと誰にもわからないわな

581 ：579：03/05/05 22:40 ID:???

すみません。ではソース貼らせていただきます。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<style type="text/css">
<!--
BODY{
color: #000000;
background-color:#ffffff;
}
a{
background:url("01.gif");
background-repeat:no-repeat;
color:#0055ff;
}
a:HOVER{
background:url("02.gif");
background-repeat:no-repeat;
color:#8800FF;
background-color:#FFFFFF;
}
.ch1{
width:100px;
}
.ch2{
background:url("03.gif");
background-repeat:repeat;
border-style:solid;
}

582 ：579：03/05/05 22:40 ID:???

.ch3{
margin:10px;
padding:10px;
}
--></style></head>
<body>

<div class="ch1"><div class="ch2"><div class="ch3">
<a href="1.htm">ここにマウスをあわせると</a>
</div></div></div>

<p>移動しちゃう</p>
</body></html>

ここから適当にCSS設定を省くと動作okなのですが
各CSS設定は必要なので困っています。

583 ：579：03/05/05 22:46 ID:???

すいません、追記です。
各gif画像はなくても問題(マウスをあわせると下の<p>が移動してしまう)は
起きますのでそのままで問題動作の確認はできます。
.ch1{}　とか　.ch3{}　を消すとOKだったりしますが
各要素は必要なんでどうしたらよいのかなぁ・・・と。
込みいった状況ですみません。

584 ：Name_Not_Found：03/05/05 23:59 ID:???

>>581-583　下記と似てるな。

アンカーにマウスポインタを乗せると親要素が動く(IE5.5)
http://cssbug.tripod.co.jp/detail/winie/b038.html

バグ辞典スレッド向きの話題ではないか？
CSS/DHTMLバグ辞典スレッド第３版
http://pc2.2ch.net/test/read.cgi/hp/1050844510/l50