CSS - DIV & IE

My frustration for the evening is an attempt to find out why the text
inside tables that are centered inside a <.div></.div> pair is
centered along with the table itself in Internet Explorer 6 (but not
in 5 - also not in Netscape or Mozilla.)

A code example would be:

<div align="center">
<table border="0">
<tr><td>Column one heading</td>
    <td>Column two heading</td>
</tr>
<tr><td>'nother row</td>
    <td>and more</td>
</tr>
</table>
</div>

The same thing also seems to happen if instead of the table being
inside a DIV it's inside another table cell that's centered:

<td align="center"> (table here) </td>

I'm guessing it has something to do with inheritence, but is IE6 the
buggy or correct rendering? Every other browser I've tested it in does
what I was wanting and hoped for.

A screen capture is also available at
www.upwebmaestro.com/divexample.jpg which shows what's happening in IE6.
                         
~ Nathan Lyle (The U.P. Web Maestro)
 
     www.upwebmaestro.com     
     nathan(at)upwebmaestro.com     
     (906)485-4806

    "Computers in the future may weigh no more than 1.5 tons." 
     - Popular Mechanics, forecasting the relentless march of science, 1949.

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA