Mac対応２カラム

CSS

２カラムのレイアウトなどの場合、大体センターに置くことが多い。
で、背景表示のために外枠にoverflow: hiddenを入れると、マージンをautoでとって真ん中に置いたハズのコンテンツがまるっと左寄せになってしまう。
　
いささか強引だが、その解決のためのハック。
単純に設定すると

body {
  text-align: center;
  margin: 0px auto;
}
#box {
  width: 800px;
  overflow: hidden;
}
#box-left {
  float: left
}
#box-right {
  float: right:
}

の場合、以下の記述を追加する。

/* Mac IE 5用 \*//*/
#box {
  position: relative;
  left: 50%;
  margin-left: -400px;
}
/* ここまで */

かなり強引だけど、これで２カラムまるっと真ん中寄せできる。