ie8とCSSとマウスオーバーで何故か表示が消える・・

解決済

質問者：onenewset
質問日時：2009/11/06 12:43
回答数：1件

テーブルで作った「サイト内リンクのメニュー」を触ると、画面が消えることに気づきました。

ie8では消えますが、Firefoxでは消えません。
私の環境が何かおかしいのかも知れないけど、PCを再起動してみても変わらず。

また、サイト内の他のページも同じメニューをコピペして使っているはずなんですが、そこでは消えません。

それでこの現象に影響ないタグを削除して削除して残ったのが以下。原因は何なんでしょう・・。

アップローダに上げたサンプル
http://kissho.xii.jp/1/src/1jyou95949.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML lang="ja-JP">
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>ie8とCSSとonmouseoverで表示が消えるサンプル</title>


<style type="text/css"></style>

</head>
<body>

<div id="outline">

<div class="header" align="center">

<table><tr><td>

<div style="background:#fff;padding:2px;font-size:20pt" onmouseover="this.style.backgroundColor='#ced8ff'" onmouseout="this.style.backgroundColor='#fff'">触ると消える場所</div>

</td></tr></table>

表示テスト。

</div>

<div class="center-left">

<textarea name="R_text" cols="30" rows="20" style="font-size:30pt">消えるんです

ああ、</textarea>

</div>

<div class="right">

<textarea name="R_text" cols="20" rows="10" style="font-size:10pt">

↓この下の線に沿って消えるんです</textarea>

</div>

</div>

</body>
</html>