CSS liquid layout table bug in IE7 ?

[angeloio]

Dear all,

I am facing a most weird problem regarding IE7's behaviour.
It concerns the two column liquid layout:
http://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-21-fixed-fluid/
The code as it is is displayed correctly in all browsers. BUT if I put the two columns inside a simple table, IE7 breaks and displays the left column to the right:


<table><tr><td>
<div id="contentwrapper">
<div id="contentcolumn">
<div class="innertube"><b>Content Column: <em>Fluid</em></b> <script type="text/javascript">filltext(45)</script></div>
</div>
</div>

<div id="leftcolumn">
<div class="innertube"><b>Left Column: <em>200px</em></b> <script type="text/javascript">filltext(15)</script></div>
</div>
</td>
</tr>
</table>
http://praetorians.ath.cx/IE7bug.JPG

Does anyone know why this is happening and how to fix it :confused:

I thank you for your time and help
John

[smrnsmile]

Firstly always asign the align and valign attributes to the td tag, and have u given position attribute in CSS if yes den avoid using left and top attributes instead use float:left since both the divs are inside content wrapper.