float下の背景がでない(サンプル1)

左にフロートするボックス
このボックスには以下のようなスタイルが適用されています。
#leftBox {
   width: 200px;
   float: left;
   border: 2px solid #777;
   padding: 10px }

右にフロートするボックス
このボックスには以下のようなスタイルが適用されています。
#rightBox {
   width: 200px;
   float: right;
   border: 2px solid #777;
   padding: 10px }