Hi there,

I have a table like so:

Code:
<table border="0" id="ctl00_ProductCatList">
        <tbody >
            <tr >
                <td >
                    <input type="radio" value="TV, DVD &amp; Audio" name="ctl00$ProductCatList" id="ctl00_ProductCatList_0"/><label for="ctl00_ProductCatList_0" >TV,
                            DVD &amp; Audio</label>
                </td>
            </tr>
            <tr >
                <td >
                    <input type="radio" value="Kitchen &amp; Laundry" name="ctl00$ProductCatList" id="ctl00_ProductCatList_1"/><label for="ctl00_ProductCatList_1" >Kitchen
                            &amp; Laundry</label>
                </td>
            </tr>
            <tr >
                <td >
                    <input type="radio" value="Sofas &amp; Dining" name="ctl00$ProductCatList" id="ctl00_ProductCatList_2"/><label for="ctl00_ProductCatList_2" >Sofas
                            &amp; Dining</label>
                </td>
            </tr>
            <tr >
                <td >
                    <input type="radio" value="Bedroom" name="ctl00$ProductCatList" id="ctl00_ProductCatList_3"/><label for="ctl00_ProductCatList_3" >Bedroom</label>
                </td>
            </tr>
            <tr >
                <td >
                    <input type="radio" value="Computing &amp; Consoles" name="ctl00$ProductCatList"
                    id="ctl00_ProductCatList_4" ><label for="ctl00_ProductCatList_4"/>Computing &amp; Consoles</label>
                </td>
            </tr>
            <tr >
                <td >
                    <input type="radio" value="Phones" name="ctl00$ProductCatList" id="ctl00_ProductCatList_5"/>
                    <label for="ctl00_ProductCatList_5" >Phones</label>
                </td>
            </tr>
            <tr >
                <td >
                    <input type="radio" value="Bikes" name="ctl00$ProductCatList" id="ctl00_ProductCatList_6"/><label for="ctl00_ProductCatList_6" >Bikes</label>
                </td>
            </tr>
            <tr >
                <td >
                    <input type="radio" value="Photography" name="ctl00$ProductCatList" id="ctl00_ProductCatList_7"/><label for="ctl00_ProductCatList_7" >Photography</label>
                </td>
            </tr>
            <tr >
                <td >
                    <input type="radio" value="Small Electrical" name="ctl00$ProductCatList" id="ctl00_ProductCatList_8"/><label for="ctl00_ProductCatList_8" >Small
                            Electrical</label>
                </td>
            </tr>
        </tbody>
    </table>
Now, I want the items to appear side by side of each other like the following:

http://anemat.co.uk/desire.jpg

I have acheive this by add a width on the tr in CSS like so:

Code:
table#ctl00_ProductCatList
{	margin: 0;
	padding: 0;
	table-layout: fixed;
	width: 450px;
}

table#ctl00_ProductCatList tr
{
	float: left;
	width: 185px !important;
}
This works in FF, Chrome, IE8 but for some reason in IE7 it does now and it renders it as a list style still.

I have no access to the table html as its generated.

Any suggestions or known hacks for IE7 that may work to acheive the jpg look.

Thanks,