Inner <table style="display: inline;"> weird in Firefox2

[midnite]

check this out

<style type="text/css">.inner { display: inline; }.inner td { border: 1px solid #000; text-align: right; }.inner td:first-child { color: #F00; }</style><table border="1"><tr><td><table class="inner" cellspacing="0"><caption>table one</caption><tr><td>A</td><td>B</td></tr><tr><td>BBB</td><td>BBB</td></tr></table><table class="inner" cellspacing="0"><caption>table two</caption><tr><td>A</td><td>B</td></tr><tr><td>BBB</td><td>BBB</td></tr><tr><td>CCCCC</td><td>CCCCC</td></tr></table></td></tr></table>

any fix?

[rzea]

I don't understand what would need fixed, but... do you really have to use a table? One thing to mention though, is that :first-child will not be recognized by any version of IE (not sure about IE8, but right now is a Beta release so I'm not considering it for testing).

[midnite]

forget about the css. just recursive tables with .inner { display: inline; } will course the cells not acting like a table.