아래의 소스가 익스에서는 정상작동을 합니다.

그런데 파이어폭스에서는 레이어가 탈출 합니다. 도와 주세요.

<?
// 신규클럽
$rows = 5;
$sql = " select cb_id, cb_name, date_format(cb_regdate, '%m.%d') as opendate
          from $nc[tbl_club]
          where cb_type <> 3
            and cb_state = 1
      order by cb_opendate desc
          limit 0, $rows ";
$result = mysql_query($sql);

$height2 = "100";
$content2 = "area_content_{$time}";
?>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
  <td background='<?=$nc[cb_path]?>/images/club_menu.bg.gif' height=47 valign=middle align=center><strong>신 규 클 럽</strong></td>
</tr>
</table>
<table width="100%"  border="0" cellspacing="0" cellpadding="1">
  <tr>
    <td bgcolor="#CCCCCC">
<table width="100%"  border="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
          <td style="padding:2px 10px 2px 10px" align=center>
<script language="javascript">
var move_height = <?=$height2?>;  // 한번에 움직이는 양 레이어의 height값
var move_speed = 2;  // Scrolling 속도  100 과의 나누어 떨어지는값
var wait_time = 3000;  // 대기 시간 3초
var move_act = true;
var interval = new Array();

function init_scroll(aaa,ccc,idx)
{
var tag;
for (var i=0; i < aaa.length; i++)
{
divid = ccc + i
tag='<div style="left: 0px; position: absolute; top: '+(move_height*i)+'px" id="'+divid+'">';
tag+=aaa[i];
tag+='</div>';
document.write(tag);
}
interval[idx] = setInterval(function(){scroll(aaa,ccc,idx)}, wait_time);
}
function scroll(bbb,ddd,idx)
{
if (move_act)
{
var tmp;
var flag = false;
for (var i=0 ;i < bbb.length ;i++){
divid = ddd + i
tmp = document.getElementById(divid).style;
tmp.top = parseInt(tmp.top)-move_speed;

//넘어 올라간것 다시 아래로 재배치
if (parseInt(tmp.top) <= -move_height){
tmp.top = move_height*(bbb.length-1);
flag = true;
}
}     
//재배치 된후 다시 시작.
if (flag){
clearInterval(interval[idx]);
interval[idx] = setInterval(function(){scroll(bbb,ddd,idx)}, wait_time);
return;
}
}
clearInterval(interval[idx]);     
interval[idx] = setInterval(function(){scroll(bbb,ddd,idx)}, 1);  //빠르게 재정의
}
</script>

<div id="Div3" style="width=150px;height:<?=$height2?>px;overflow:hidden; align:center;valign:top;"  onmouseover="move_act=false;" onMouseOut="move_act=true;">
<script language=javascript>
var <?=$content2?>= new Array();
<?

$tt = "0";

for ($i=0; $row=mysql_fetch_array($result); $i++) {

  $cs    = sql_fetch(" select cs_img from $nc[tbl_coverstory] where cb_id = '$row[cb_id]' ");
  $image  = "./images/cover.jpg";
        if ( file_exists("./data/$row[cb_id]/$cs[cs_img]") && $cs[cs_img] ) {
            $image = "./data/$row[cb_id]/". urlencode($cs[cs_img]);
}


        $roll_text = "<a href=\"./club_main.php?cb_id={$row[cb_id]}\" target=\"_parent\">";
        $roll_text .= "<img src=\"{$image}\" width=\"100\" height=\"75\" border=\"0\">";
        $roll_text .= "<table width=\"100%\" border=\"0\"><tr><td height=5></td></tr></table>";
        $roll_text .= get_text(cut_str($row[cb_name], 17));
        $roll_text .= "<div class=\"verdana10\">[{$row[opendate]}]</div>";
        $roll_text .= "</a>";
$roll_text = preg_replace("/\"/i", "'", $roll_text);

echo "{$content2}[$tt] = \"$roll_text\";\n";

$tt++;

} 

?>
</script>
<script language="javascript">init_scroll(<?=$content2?>,'move_area',0);</script>
</div>
<?
  if ($i==0) {
  echo "개설된 클럽이 없습니다.";
  }
echo "</td></tr>";
echo "</table>";
?>
    </td>
  </tr>
</table>


해결 하지 못한 부분은 파이어폭스에서 보면 레이어가 탈출하는 부분을 해결
못했어요.. 아시는분 알려주세요