ブラウザが崩れる場合、ピクセル数の計算があっていない
ケースは少なくありません。
特にfloatでのコーディングによく起こります。
そして、widthのpxの設定です!
私のホームページでデビューでも起こりました。
ページ全体の幅 800px
タイトルロゴのブロックの幅 350px
タイトルロゴの右側のブロックの幅 450px
計算上正解のように見えますが、ボーダー1pxの分を
すっかり忘れていました。
左が1px 右が1px 合計2px分多くなっていました。
ページ全体の幅 800px
ヘッダー幅 + ボーダー 802px
コンテンツ領域がbodyの幅より広くなったため、
レイアウトが崩れました。