3カラム IE 右落ち

3カラム IE 右落ち

現在幅固定３カラムでサイトを作っているのですが、私のマック環境（safari&Firefox）ではちゃんとレイアウトが整うのにwindowsのIE 7,6,5ではどれも右のボックスが左下に落ちてしまいます。

CSSはもともと

#container {
margin:0px auto;
width:1000px;
text-align:left;
}
.wrapper {
width:800px;
float:left;

}
/*　左　*/
.left {
float: right;
width:200px;
}

/*　中央　*/
.main {
float: right;
width:600px;
}
/*　右　*/
.right {
float: left;
width:200px;
}
/*　フッター　*/
.footer {
width:100%;
clear:left;
}

で、これに左右にmargin-left:15px;などを入れていたので、それが原因かと思いdisplay: inline;を足してみたり外してみたのですが変わらず、
左右のボックスの中に<div></div>で囲ったフレーム素材の中にカテゴリーなどをいれているので、そこにmarginやpaddingが発生しているので今度は上記のwidthをちょっと変えてみました。

現在wrapperは780px　左190px　中央580px、右181pxとしてかなり右に余裕を持たせて、尚かつ右で使用していたフレーム素材を全て取り外し１行文字のみだけで試してみたのですが、全然右に上がってきてくれません。

またwidthに余裕を持たせてborderを使ってそれぞれの位置を確認したのですが、右にはかなりのスペースがあいているのに、右に上がってきてくれないのです。

一体何がいけないのでしょうか？？
どうかお力をお貸しください。宜しくお願い致します。

投稿日時 - 2008-03-02 08:34:30