<html>
<head>
<style>
.test { width: 100%; }
</style>
</head>
<body>
The textareas below should not overlap.
<table border="0" cellspacing="1" cellpadding="1" width="100%">
<tr>
<td nowrap><textarea class="test">one</textarea></td>
<td><textarea class="test">two</textarea></td>
<td><textarea class="test">three</textarea></td>
<td width="100%">&nbsp;</td>
</tr>
</table>

<br>
<br>

<table border="0" cellspacing="1" cellpadding="1" width="100%">
<tr>
<td nowrap><textarea class="test" cols="30">one two three</textarea></td>
<td><textarea class="test" cols="30">two</textarea></td>
<td><textarea class="test" cols="30">three</textarea></td>
<td width="100%">&nbsp;</td>
</tr>
</table>

</body>
</html>