CSSの形がデータの取得量によって崩れてしまいます。

今まで、CGI(Perl)でHTML::TemplateとCGI.pmを用いてアプリケーションを作成しておりました。今回、初めてCSSを使ってみることにしたのですが、<TMPL_LOOP>を使用して、データベースから検索データの取得量によってHP全体の縦幅が変わる仕組みになっております。 FIREFOXでは、コンテンツに関するところは特に問題なのですが、それにともないMENUの表示で新しくデータの来たところの範囲は色がつきません。 また、IEでは、MENUの横にコンテンツがこず、下にきてしまいます。 何か解決方法をご存じの形よろしくおねがいします。 Style.css body{ background-attachment: fixed; background-image: url(Logo.jpg); background-repeat: no-repeat; background-position: 1200px 30px; } #container{ width: 1515px; margin-left:auto; margin-right:auto; } #banner_left{ background:url(left.JPG); float:left; width:215px; height:67px; } #banner_right{ background:url(title.jpg); background-repeat:no-repeat; float:right; width:1300px; height:67px; } #middle_left{ float:left; background:#CCCCCC; color:white; width:215px; height:20px; } #middle_right{ float:right; width:1300px; height:20px; background:#585858; } #menu{ float:left; width:215px; background:#F5F5F5; } #content{ float:right; width:1300px; background:#fff; } #foot{ clear:both; text-align:center; font-size:15px; width:1515px; height:20px; color:white; background:#585858; }