첨부파일이 3개입니다.

3번째 이미지가 주황색 박스에 나타내려 합니다

그런데 첨부 1,2파일은 정렬이 되는데 첨부파일3번이 하나로 합쳐져서 나오는데

각각의 이미지 위에 나오게 하려면 어떻게 해야 하나요

 

3번째 첨부파일만  한군데에 모여있네요

 

 

 

 

 

<style type="text/css">
.img-wrap{

}
.img-wrap img{
 margin-right: 4px;
 margin-left: 4px;
 }
.img_wrap_box {

 position: relative;
}
.icon-warp {
 position: absolute;
 z-index: 10;
 left: 5px;
 top: 0px;
}
</style>

<table  border="0" align="center" cellpadding="0" cellspacing="0">
 <? for ($i=0; $i<count($list); $i++) {?>
 <tr>
  <td align="center" class="img-wrap">
  <table border="0" cellpadding=0 cellspacing=0>
    <tr>
     
  <?
for ($i=0; $i<count($list); $i++) {
$list[$i]['content']=eregi_replace(" "," ",$list[$i]['content']);

 
 if($list[$i][file][0][file]) {
  $file = "<img src='".$list[$i][file][0][path] .'/'. $list[$i][file][0][file]."'>";
 } else {
  $file="";
 }
?>
      <td><div class="img_wrap_box">
 <?
      for ($i=0; $i<count($list); $i++) {
   $file01 = "$data_path/".urlencode($list[$i][file][0][file]);
   $file02 = "$data_path/".urlencode($list[$i][file][1][file]);
   $file03 = "$data_path/".urlencode($list[$i][file][2][file]);
   $link_01 = $list[$i][wr_link1];
  ?><a href="<?=$link_01?>"> <div class='icon-warp'> <img src="<?=$file03?>" alt="" border="0"/></div> <img src="<?=$file01?>" alt="" border="0" onmouseover="this.src='<?=$file02?>';" onmouseout="this.src='<?=$file01?>';"></a><? }?></div>
        </td>
      <? if($i!=count($list)-1) { ?>
     
      <? } ?>
  <? } ?>
      </tr>
   
  <? if (count($list) == 0) { ?><tr><td colspan=4 align=center height=30><font color=#6A6A6A>게시물이 없습니다.</a></td></tr><? } ?>
   
  </table>
</td>
</tr>
  <? } ?>
  <? if (count($list) == 0) { ?><? } ?>
</table>