centering page and it disapears

[SharingDOODLES]

Hello,
I am creating a template but am having a few issues with centering it,

At the moment it is all table based so i have added the following code to center the page

The CSS

div.container {
    width:98%; 
    margin:1%;
}

table#table1 {
    text-align:center; 
    margin-left:auto; 
    margin-right:auto; 
    width:800px;
}
tr,td {
    text-align:left;
}

The table

<div class="container">
<table id="table1">
  <tr>
    <td>
    .............
    </td>
  </tr>
</table>
</div>

in firefox it is all fine however i installed the AOL Explorer and checked my page in there and for some reason it is a blank page,
If i remove the code used to center the page then it all shows up fine, just not centered
Is this a bug with AOL Explorer?