この場合のCSSの記述を教えてください！
現在コーディング中なのですがIE6,7では問題ないのですが、Firefox,OPERA,netscapeにてずれて表示されてしまいます。
鯨飲がさっぱり分からない状態で・・どなたかお分かりになる方いましたらご教授願います（泣）
■html
<div id="aaa">
<div id="bbb">コンテンツ</div>
<div class="ccc">コンテンツ</div>
</div>
■css
#aaa {
width: 640px;
height: 300px;
float: left;
}
#bbb {
width: 640px;
height: 150px;
background-image: url(images/背景画像.gif);
background-repeat: no-repeat;
}
.ccc {
width: 640px;
height: 150px;
}
■状況
640px×300px（aaa）の枠の中に（bbb,cccを）収めたいのに300を超えて（bbbの上部に約100px程度のが出来る）表示されてしまう。
（bbbの背景画像サイズは640px×150px）
■いじってみて
bbbに「border: 1px #000000 solid;」を追加するとスペースはなくなる。
以上が状況です。よろしくお願いいたします！
