파일첨부한거와 같이 원래 밑에 그림처럼 나와야되는데

위에그림 처럼 나왔다 가 아래그림처럼 나왔다가 이렇게 됩니다.

왜이런걸까요 ㅠㅠ

<style>
    .dnyDetailLayer {
        width:730px;
        border:0px solid black;
        display:none;
    }
    img {
        border:0px; 
    }
</style>
<script>
    function dnyShowDetail(id){
        for(var i=0;i<<?=count($list)?>;i++){
            document.getElementById('dnyDetailLayer_'+i).style.display = "none";
        }
        document.getElementById('dnyDetailLayer_'+id).style.display = "block";
    }
</script>

<table width="<?=$width?>" align="center" cellpadding="0" cellspacing="0"><tr><td>


<?
    for ($i=0; $i<count($list); $i++){
?>
    <div id="dnyDetailLayer_<?=$i?>" class="dnyDetailLayer">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td colspan="3"><img src="<?=$board_skin_path?>/img1/bg1.gif" border="0"></td>
</tr>
<tr>
<td background="<?=$board_skin_path?>/img1/bg2.gif" width="19"><img src="<?=$board_skin_path?>/img1/bg2.gif"></td>
<td>
<table width="688" cellspacing="0" cellpadding="0">
<tr>
<?
for($j=0;$j<$list[$i]['file']['count'];$j++){
if(file_exists($list[$i]['file'][$j]['path']."/".$list[$i]['file'][$j]['file'])){
$thumb = $thumb_path.'/'.$list[$i]['file'][$j]['file'];
$file = $list[$i]['file'][$j]['path'] .'/'. $list[$i]['file'][$j]['file'];
if (!file_exists($thumb) && preg_match("/\.(jp[e]?g|gif|png)$/i", $file) && file_exists($file))
{
$size = getimagesize($file);
if ($size[2] == 1)
$src = imagecreatefromgif($file);
else if ($size[2] == 2)
$src = imagecreatefromjpeg($file);
else if ($size[2] == 3)
$src = imagecreatefrompng($file);
else
break;
$rate = $board[bo_2] / $size[1];
$width = (int)($size[0] * $rate);
if($width <= $board[bo_1]) {
$dst = imagecreatetruecolor($width, $board[bo_2]);
imagecopyresampled($dst, $src, 0, 0, 0, 0, $width, $board[bo_2], $size[0], $size[1]);
imagejpeg($dst, $thumb_path.'/'.$list[$i]['file'][$j]['file'], $board[bo_2]);
} else {
$rate = $board[bo_1] / $size[0];
$height = (int)($size[1] * $rate);
$dst = imagecreatetruecolor($board[bo_1], $height);
imagecopyresampled($dst, $src, 0, 0, 0, 0, $board[bo_1], $height, $size[0], $size[1]);
imagejpeg($dst, $thumb_path.'/'.$list[$i]['file'][$j]['file'], $board[bo_2]);
}
chmod($thumb_path.'/'.$list[$i]['file'][$j]['file'], 0606);
}else{
$thumb_path = $list[$i]['file'][$j]['path'];
}
?>           
<td align="center" width="135" style="padding-top:10;">
<a href="<?=$list[$i]['file'][$j]['path'] .'/'. $list[$i]['file'][$j]['file']?>" rel="lightbox[dny_<?=$i?>]"><img src="<?=$thumb_path?>/<?=$list[$i]['file'][$j]['file']?>" width="125" height="100"></a>
</td>
<?
}
if(($j+1)%5 == 0 && count($list[$i]['file']) > 5){
echo "</tr><tr>"; 
}
}
?>
</tr>
</table>
</td>
<td style="background:url(<?=$board_skin_path?>/img1/bg3.gif) repeat-y;"><img src="<?=$board_skin_path?>/img1/bg3.gif"></td>
<tr>
<td colspan="3"><img src="<?=$board_skin_path?>/img1/bg4.gif" border="0"></td>
</tr>
</table>
</div>
<?
    }
?>
<?
    if(count($list) > 0){
?>
<script>
    dnyShowDetail(0);
</script>
<?
    }
?>

좀 봐주세요