XHTML+CSSレイアウト ネスケ対応について

質問

WINのIE・ Firefox・Operaではできていますが
Netscape 7.1だけクリアできない問題があるので、教えてください。

HTML内は大雑把に書くと以下のような構成になっています。

<コンテンツ大枠>
　<エリア左（CSS・float: left;）>
　　<ul>
　　　<li>メニュー</li>
　　　<li>メニュー</li>
　　</ul>
　</左エリア>
　<右エリア>・・・以下略。
</コンテンツ大枠>

※コンテンツ大枠には、ページの下部まで以下のように背景を指定しています。
background: #fff url('背景.gif') repeat-y left top;
overflow: auto !important; overflow /**/: hidden;

そうするとネスケだけ、コンテンツ大枠部分に
縦・横スクロールバーがついてしまいます。
スクロールバーがつく分のスペースがないので
レイアウトは左エリア・右エリアが縦に並んでしまい
大きく崩れてしまいます。

スクロールが現れるのはoverflowのせいだと思いますが
これを消すと背景が下まで表示されなくなります。

それから、不思議なのは
左エリアにリストタグを入れていますが、これを削除すると
スクロールは消えますし、レイアウトも他ブラウザ同様キレイに収まります。

この現象に経験のある方いたら教えてください。
また私の記述が間違えていたら教えてください。

回答No.1

MAN_MA_RUI

7.1なんてもうサポートしなくたっていいですよ（ぇ
サポートは切れてるしバグはあるしセキュリティだって問題山積み。リリースは2003年ですから３年分の問題が凝縮されています（ぉ
それにNetscapeの現行版は8.1.3だし次期版は9だし7系の最新版は7.2だし、9の正式リリース後には7.2が7.3になるかもしれないという現状です。
ゆえ、私ならめんどくさいときはスルーしますよ。ユーザーに利用を勧めるべきでもないのだから。

まぁ、多分oveflow絡みのバグだと思いますけどね。要素にstyleを直接指定したりすると二重スクロールバーになったりします。
今回の場合はひょっとしたら二重指定が絡んでる部分もあるかな？

お礼

ご返答いただきありがとうございました。

他のサイトでも同様の質問を投げかけたところ
解決できました！！！

エリア左にoverflow:hidden　を追加することですっきり収まりました。
お騒がせしました。