For some reason I have a tab where the columns are not sizing appropriately, i.e. the title column is much wider than required: see image.

The code when I view source for this tab is:
[code:1]<div class="tab-page" id="cbtab11"><h2 class="tab">Contact Info</h2><script type="text/javascript">
tabPanecb_tabmain.addTabPage( document.getElementById( "cbtab11" ) );</script>

<div class="tab-content cb_tab_content cb_tab_tab_main" id="cb_tabid_11">
<table class="cbFieldsContentsTab cbFields" id="cbtf_11">
<tr class="sectiontableentry2" id="cbfr_46">
<td class="titleCell"><label for="cbfl_46">First Name:</label></td>
<td class="fieldCell" id="cbfv_46">Mike</td>
</tr>
<tr class="sectiontableentry1" id="cbfr_48">
<td class="titleCell"><label for="cbfl_48">Last Name:</label></td>

<td class="fieldCell" id="cbfv_48">Prince</td>
</tr>
<tr class="sectiontableentry2" id="cbfr_59">
<td class="titleCell"><label for="cbfl_59">Country:</label></td>
<td class="fieldCell" id="cbfv_59">India</td>
</tr>
<tr class="sectiontableentry1" id="cbfr_36">

<td class="titleCell"><label for="cbfl_36">County/State:</label></td>
<td class="fieldCell" id="cbfv_36">Karnataka</td>
</tr>
</table></div>
</div>[/code:1]
I would assume that the title column is sized according to its content but this doesn't seem to be the case. What controls the column width and how can I change it?

Cheers
-- Mike --

Post edited by: mikeprince, at: 2008/10/19 11:12