ie7 float table row left isn't working
===

I am working on a table that I cannot edit, I cannot add any HTML, I cannot add any JS. Everything has been pre-generated and all I can do is add CSS to it. 

So table has 2 rows, one is sidebar, second is center content. I wanted to make the sidebar 210px wide and float it left, the same I did to center content. All works fine in all browsers but IE7. When I inspect it with IE7 developer tools, I can see that the row and the TD under it are always 100% wide and there is no way to assign a width value to it. 

Is there a work around to this problem?

Sample code. 

    <table>
    <tr id="sidebar"><td>Some data</td></tr>
    <tr id="main"><td>Some data 2</td></tr>
    </table>
    
    CSS:
    #sidebar
    {
    display:block;
    width:210px;
    float:left;
    }
    #main
    {
    display:block;
    width:730px;
    float:left;
    }

Please advise
