floatを使用すると中央寄せにならない

Mac OSX上で検証してみました。 質問文中のサンプルには記載されていませんでしたが、実際にhttp://fuma.xrea.jp/index.htmlから参照されているstyle.cssを確認したところ、どうも#containerに仕込まれている（所謂clearfix的）フロート解除の定義がMac版IE5.2に対しては上手く効いていないばかりでなく、レイアウト崩れの原因となってしまっている様です。 ---------------------------------------------------------------------- 【オリジナル】style.css ---------------------------------------------------------------------- #container{ overflow : hidden; margin : 0px auto; padding : 0px; width : 720px; background-image : url(image/bg2.gif); } #container:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; } /*\*/ * html #container { height: 1em; overflow: visible; } /**/ ---------------------------------------------------------------------- 上記の部分を以下の様に変更してみて下さい。削除がメインです。 ---------------------------------------------------------------------- 【修正版】style.css ---------------------------------------------------------------------- #container{ margin : 0px auto; padding : 0px; width : 720px; background-image : url(image/bg2.gif); } ---------------------------------------------------------------------- これだけにしてみて下さい。具体的な修正箇所は： ※#containerの定義から"overflow : hidden;"を削除 ※#container:afterと/*\*/～/**/部分を全て削除 ここを変えただけで、#containerがセンタリングにならず左寄せになってしまっていた不具合は解消されました。IE5.2、Safari、Firefoxでほぼ同様の表示になります。Windows XP上の主なモダン・ブラウザでも特に問題はない様です。 これらの定義を削除しても、元々<div id="container">が閉じる直前にフロート解除の為の<br class="clear">が挿入されているので、コラム落ちはしません。 ※本来はこの削除したclearfix的仕掛けが有効であれば、この<br class="clear">の方が不要となるのですが。 clearfixは、フロート解除の為に便利な技なのですが、環境やコンテンツの構成条件によってはそのままでは意図した通りの効果が反映されない場合がありますので、別のやり方のclearfix（zoomやinline-blockで定義する方法など、何パターンかの方法があります）に置き換えてみる（Mac版IE5.2上でも有効なケースもありますので）か、場合によっては使用せず、ベタなやり方ですが（この<br class="clear">の様な）"clear: both"を仕込んだ要素を挿入して解決する、という方法もあるでしょう（※個人的には<div>が閉じた後にデータもなく<br>が来ているのは論理構造上あまり適切ではないかと思いますので、<hr>などの方がベターかと。）。特に、今回質問者様が確認対象に入れてらっしゃるMac版IE5.2は非常に不具合の多いブラウザであり、しかもMicrosoftが既に開発中止をして何年も経つ様な存在ですので、これで他環境と同様にレイアウトをきちんと表示させるには、スマートではないコーディングや余計なCSSの定義を付加して対処をしなければならない場合が多く、やっかいな存在ですので…。