I have a table with the following:

<table  cellpadding=2 cellspacing=0 > 

<tr>

<td>Contact: </td>

<td width=100px><div style=overflow-x:scroll; width:100px>[email protected]</div>

</td>

</tr>

</table>

This code shows an horizontal scroll in the email cell.

When the email is a short one like [email protected] the scroll shows but it is not enabled as it is not needed, and when the email is longer let's say

[email protected]

the scroll enables so you can see the entire email.

This is good, but what I need is the scroll not to show at all when the email is a short one.

How can I do that??

I've tried:

overflow-x:auto;

And it does not show the scroll when a short email but when the email is a long one it just cut it no scroll at all. I think this happens because there are no spaces in the email.