DIV with fixed width in TD with colspan

[see613]

My code:

<table style="width: 500px;">
        <tr>
            <td colspan="5">
                <div style="width: 500px;">colspan_5</div>
            </td>              
        </tr>
        <tr>
            <td colspan="1">
                <div style="width: 100px;">colspan_1</div>
            </td> 
            <td colspan="3">
                <div style="width: 300px;">colspan_3</div>
            </td>                
            <td colspan="1"> 
                <div style="width: 100px;">colspan_1</div>
            </td>               
        </tr>  
        <tr>
            <td colspan="2">
                <div style="width: 200px;">colspan_2</div>
            </td> 
            <td colspan="3">
                <div style="width: 300px;">colspan_3</div>
            </td>                
        </tr> 
        <tr>
            <td colspan="5">
                <div style="width: 500px;">colspan_5</div>
            </td>                                
        </tr> 
</table>​

But result looks wrong. (jsfiddle_example)

How can I fix it?

[aaronhockey_09]

You need to set the width to your TR not just the div inside of it
Although i do no recommend creating a site like this, with tables or inline css.

[aaronhockey_09]

I mean the width of your TD not TR - sorry about the confusion

[see613]

This table is simplified example for jQuery widget.
Your changes works correctly only in Chrome.
http://jsfiddle.net/uDwa4/10
May be something else?