jQuery Tabs IE7 Truncated Text

Hi Folks,

I am using jQuery to generate a tabbed interface for some library holdings but have encountered a problem with IE7 which is preventing me from deploying the interface.

Everything in the tabs appear fine apart from some text in a table.


<table class="summary" summary="Holdings details from LIC" border="0" cellpadding="2" cellspacing="0">
<tbody>
<tr>
<th>Call Number: </th>
<td>RA485 .B4 1990</td>
</tr>
<tr>
<th>
Available Copies:                  
</th>
<td>2</td>
</tr>
</tbody>
</table>

The text in the <td> associated with call number is truncated (e.g. it will say RA485 .B - though an examination of the source shows that full call number it is). If I highlight the call number, the Copies of “Available Copies” disappears.

I also notice that jQuery appears to append a random number of spaces (   ) at certain positions in the tabs.

If anyone could shed any light on this problem I would be most grateful.

Kind Regards,

DV