IEの表示だけおかしい

質問

CSSとPHPを用いて、擬似フレームのようなWebページを作成しています。ページの構成は、下記のようなヘッダ、左メニュー、右コンテンツ、フッタとなっています。
----------------------
header
----------------------
menu　|　　Contents
　　　　|
　　　　|
　　　　|
----------------------
footer
----------------------

CSSでは、
div#header{}
div#left{float:left; width:200px;}
div#right{margin-left:200px;}
div#footer{clear:left;}
と指定しています。
Webページ内では　<div id="header">　などとしてCSSのレイアウト構成を反映させています。

次に、PHPのincludeを用いてヘッダ、左メニュー、フッタは共通の外部ファイルを読み込むように指定しています。右側のコンテンツの所のみ、別々の内容を直接記述しています。

以上のようにWebページを.phpとして作成し、動作確認を行いました。Opera、Firefoxでは上記のように綺麗に表示されます。

IE6では、右側のコンテンツ部が左メニューと並びません。下記のように、メニューの最下段の次のひ行から始まって表示されます。
----------------------
header
----------------------
menu　|
　　　　|
　　　　|
　　　　--------------
　　　　　Contents
----------------------
footer
----------------------

以上のような症状で困っていますが、Googleで検索しても手詰まりの状態です。同じ症状を経験された方、解決策をご存知の方いらっしゃいましたらご教授ください。

回答No.1

partita · ベストアンサー

#left内に、200pxをこえるものが包括されている、かもしれません。
width、paddingをよく計算してみましょう。

お礼

即答ありがとうございます。
100%のhrが含まれていました。

ありがとうございました。