エントリー部分を1つずつ、二重線のような枠で囲みたいと思っています。
外側が太めの線で、内側を細い線をしたいのでentry部分にdivをひとつ付け足しました。
IEで確認したところ、全く問題なく表示されたのですがFFで確認すると細い線の枠が右側に突き抜けて#container-innerいっぱいに表示されてしまいます。
外側の太い線の表示は正しいままなので、線が交差している状態です。
原因は何でしょうか?
また改善方法がわかればお願いします。
ソースはコメント欄に。
飛び出してしまった部分に、padding で余白をつくっていませんか?
おそらく、ボックスモデルの解釈違いによるものだと思いますよ。
http://www.lucky-bag.com/archives/2004/10/post_3.html
http://snippet.admi.co.jp/archives/38/
モダンブラウザと、IE6以下、そしてIEだけでも、6と以下で解釈が随分違います。
ありがとうございます!
entryの幅は設定していなかったのですが、
ハックと共に設定したら無事解決いたしました。
早い解決ありがとうございました!