처음의 사진같이 분류가 많을경우 가로로 넓어져서 보기가 안좋아서요~
두번째 사진같이 카테고리를 두줄로 정렬하는 방법좀 부탁드립니다.

list.php소스는

<div class="board_top">
  <div style="float:left;">
    <form name="fcategory" method="get" style="margin:0px;">
    <? if ($is_category) { ?>
    <select name=sca onchange="location='<?=$category_location?>'+this.value;">
    <option value=''>전체</option>
    <?=$category_option?>
    </select>
    <? } ?>
    </form>
  </div>
  <div style="float:right;">
    <img src="<?=$board_skin_path?>/img/icon_total.gif" align="absmiddle" border='0'>
    <span style="color:#888888; font-weight:bold;">Total <?=number_format($total_count)?></span>
    <? if ($rss_href) { ?><a href='<?=$rss_href?>'><img src='<?=$board_skin_path?>/img/btn_rss.gif' border='0' align="absmiddle"></a><?}?>
    <? if ($admin_href) { ?><a href="<?=$admin_href?>"><img src="<?=$board_skin_path?>/img/btn_admin.gif" border='0' title="관리자" align="absmiddle"></a><?}?>
  </div>
</div>

<tr>
  <td>
    <? if ($is_category) { ?>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr align="center">
      <?php
      $arr = explode("|", $board[bo_category_list]);
      $arr1  = explode("|", $board[bo_10]);
      $str = "";
      for ($i=0; $i<count($arr); $i++)
      if (trim($arr[$i])){
      if($arr[$i]==$sca){
      $key    = array_search($sca, $arr);
      $cate  = explode("^", $arr1[$key]);
      $subca1 = $cate[0];
      $str .= "
      <td width='3'><img src='$board_skin_path/img/cat_tap_on_01.gif' width='6' height='34'></td>
      <td background='$board_skin_path/img/cat_tap_on_02.gif' style='padding:4 2 0 2' nowrap>
        <a href='$category_location$arr[$i]&sfl=wr_10&stx=$subca1&nca=$subca1'><b><font color=#FF8000>$arr[$i]</font></b></a>
      </td>
      <td width='3'><img src='$board_skin_path/img/cat_tap_on_03.gif' width='7' height='34'></td>
      ";
      }else{
      $key    = array_search($arr[$i], $arr);
      $cate  = explode("^", $arr1[$key]);
      $subca1=$cate[0];
      $str .= "
      <td width='3'><img src='$board_skin_path/img/cat_tap_off_01.gif' width='6' height='34'></td>
      <td background='$board_skin_path/img/cat_tap_off_02.gif' style='padding:4 2 0 2' nowrap>
        <a href='$category_location$arr[$i]&sfl=wr_10&stx=$subca1&nca=$subca1'>$arr[$i]</a>
      </td>
      <td width='3'><img src='$board_skin_path/img/cat_tap_off_03.gif' width='7' height='34'></td>
      ";
      }
      }
      echo $str;
      echo "<td width='100%'></td>";
      ?>
    </tr>
    </table>
    <? } ?>

    <form name="fboardlist" method="post" style="margin:0px;">
    <input type="hidden" name="bo_table" value="<?=$bo_table?>">
    <input type="hidden" name="sfl"  value="<?=$sfl?>">
    <input type="hidden" name="stx"  value="<?=$stx?>">
    <input type="hidden" name="spt"  value="<?=$spt?>">
    <input type="hidden" name="page" value="<?=$page?>">
    <input type="hidden" name="sw"  value="">
    <table width=100% cellpadding=0 cellspacing=0>

    <tr>