CSS를 사용할 때의 정렬 : 수평 가운데 정렬

<style>
.test{
    text-align: center;
}
</style>
<table width="200" height="200" border="1" class="test">
  <tr>
    <td>
        <table width="100" height="200" border="1">
          <tr>
            <td>
            
            </td>
          </tr>
        </table>
    </td>
  </tr>
</table>

일반적으로 페이지의 레이아웃을 구성할때 자주 접하게 되는 형태입니다.
테이블 안의 테이블 혹은 테이블안의 <DIV> 등..
위 처럼 겉을 감싸는 테이블이 있고 그안에 테이블이 있는데 안의 테이블을 css에서 가운데로 정렬하고 싶을때
우선 찾았던 방식은 위와 같았습니다.
하지만 text-align: center;는 원래 텍스트 속성에만 정의되는것이 표준이고 IE에서 잘못해석되고 있다고 합니다.
FF에서보니 확실히 무시가 됩니다.

그래서 고수분들께질문한결과 친절한 답변을 받았습니다.
IE에서 잘못해석되고 있다는 것과 margin : 0 auto; 를 사용하면 된다는 답변이었습니다.
해당글은 공개되어 있으니 직접보시는게 빠를것 같습니다.글보기

그리고 오늘 한번 다시 훑어보니 동사이트 Wiki에 이미 잘 정리가 되어있네요. ㅜㅜ 내용보기