div 해상도 관계없이 중간정렬 하고 싶어요 ㅠㅠ

아래 소스는 이렇습니다!
현재는 left:0 으로 해서 무조건 인터넷창 제일 왼쪽으로 정렬이 되는데요.
해상도 상관없이 중간정렬을 하고 싶은데 어떻게 해야될까요.
아무리 해도 안되요 ㅠㅠ

<div id="allmn">
<div id="ain">
     <div class="cbtn">
     <a href="#;" onClick="document.getElementById('allmn').style.display='none';return false;"</a>
     </div>

 <table cellspacing="0" class="alltb" align="center">
 <colgroup><col width="130px"></colgroup>
 <tbody align="center">
 <tr>
 <td>
  <div class="t1"><img src="../title_1.gif"></div>
  <ul class="su">
  <li><img src="../images/main/sitemap/title_1_1.gif"></li> 
  </div>
 </td>
 </tr>
 </tbody>
 </table>

</div>
</div>


===========================================
<css>

#allmn {display:none;position:absolute;left:0;top:10;width:100%;height:450px;padding-top:30px;margin-top:58px;background:#ffffff url('../images/main/sitemap/allmbg.jpg') no-repeat left top;z-index:1000000; }/
#allmn .alltb {height:100%;margin:0px auto;text-align:center;overflow:hidden;}
#allmn .alltb td {vertical-align:top;}
#allmn .alltb .t1 {height:30px;text-align:left;}
#allmn .alltb .t1 img {margin-left:16px;}
#allmn .alltb .su {clear:both;display:block;width:125px;margin:0px auto;padding-bottom:3px;text-align:left;}
#allmn .alltb .su li {padding-bottom:5px;}
#allmn .alltb .sin {padding-left:5px;}
#allmn .alltb .sin td {height:15px;}

#allmn .alltb .su2 {clear:both;padding-top:50px;}
#allmn .alltb .su2 li img {#margin-bottom:-1px;}
#allmn .alltb .t2 {height:15px;padding-top:25px;text-align:left;}
#allmn .alltb .t2 img {margin-left:12px;}
#allmn #ain {position:relative;width:100%;}
#allmn .cbtn {position:absolute;right:0;top:0;margin-right:20px;margin-top:-10px;}