Force text box to the TD width

Hi all
I have simple Html table, table cells are html text box (input type=text)
The text box won't inherit his father (TD) width, as a result the table is to width and I get horizontal scroll.
I tried style="text-overflow:hidden;" on the input without success.

Because the amount of columns on the table is dynamic, and screen resolution may vary, I am unable to calculate the amount of pixels.

But I can compute the width of each column according to the number of columns (100% / number of columns) = width of each column.

Is there any way I can force the text box to inherit its column width?

Thank you
Sharon

in the example each col is 5% but long text in the text box, make the table go out of the 100% bound.
Html example :

<html>
<head>
<title>Enter the title of your HTML document here</title>
</head>
<body>
<table border="1" width="100%">
<tr>
<th width="5%">col1</th>
<th width="5%">col2</th>
<th width="5%">col3</th>
<th width="5%">col4</th>
<th width="5%">col5</th>
<th width="5%">col6</th>
<th width="5%">col7</th>
<th width="5%">col8</th>
<th width="5%">col9</th>
<th width="5%">col10</th>
<th width="5%">col11</th>
<th width="5%">col12</th>
<th width="5%">col13</th>
<th width="5%">col14</th>
<th width="5%">col15</th>
<th width="5%">col16</th>
<th width="5%">col17</th>
<th width="5%">col18</th>
<th width="5%">col19</th>
<th width="5%">col20</th>
</tr>
<tr>
<td><input type="text" value="very very long value" name="text1" /></td>
<td><input type="text" value="very very long value" name="text2" /></td>
<td><input type="text" value="very very long value" name="text3" /></td>
<td><input type="text" value="very very long value" name="text4" /></td>
<td><input type="text" value="very very long value" name="text5" /></td>
<td><input type="text" value="very very long value" name="text6" /></td>
<td><input type="text" value="very very long value" name="text7" /></td>
<td><input type="text" value="very very long value" name="text8" /></td>
<td><input type="text" value="very very long value" name="text9" /></td>
<td><input type="text" value="very very long value" name="text10" /></td>
<td><input type="text" value="very very long value" name="text11" /></td>
<td><input type="text" value="very very long value" name="text12" /></td>
<td><input type="text" value="very very long value" name="text13" /></td>
<td><input type="text" value="very very long value" name="text14" /></td>
<td><input type="text" value="very very long value" name="text15" /></td>
<td><input type="text" value="very very long value" name="text16" /></td>
<td><input type="text" value="very very long value" name="text17" /></td>
<td><input type="text" value="very very long value" name="text18" /></td>
<td><input type="text" value="very very long value" name="text19" /></td>
<td><input type="text" value="very very long value" name="text20" /></td>
</tr>
<tr>
<td><input type="text" value="very very long value" name="text1" /></td>
<td><input type="text" value="very very long value" name="text2" /></td>
<td><input type="text" value="very very long value" name="text3" /></td>
<td><input type="text" value="very very long value" name="text4" /></td>
<td><input type="text" value="very very long value" name="text5" /></td>
<td><input type="text" value="very very long value" name="text6" /></td>
<td><input type="text" value="very very long value" name="text7" /></td>
<td><input type="text" value="very very long value" name="text8" /></td>
<td><input type="text" value="very very long value" name="text9" /></td>
<td><input type="text" value="very very long value" name="text10" /></td>
<td><input type="text" value="very very long value" name="text11" /></td>
<td><input type="text" value="very very long value" name="text12" /></td>
<td><input type="text" value="very very long value" name="text13" /></td>
<td><input type="text" value="very very long value" name="text14" /></td>
<td><input type="text" value="very very long value" name="text15" /></td>
<td><input type="text" value="very very long value" name="text16" /></td>
<td><input type="text" value="very very long value" name="text17" /></td>
<td><input type="text" value="very very long value" name="text18" /></td>
<td><input type="text" value="very very long value" name="text19" /></td>
<td><input type="text" value="very very long value" name="text20" /></td>
</tr>
<tr>
<td><input type="text" value="very very long value" name="text1" /></td>
<td><input type="text" value="very very long value" name="text2" /></td>
<td><input type="text" value="very very long value" name="text3" /></td>
<td><input type="text" value="very very long value" name="text4" /></td>
<td><input type="text" value="very very long value" name="text5" /></td>
<td><input type="text" value="very very long value" name="text6" /></td>
<td><input type="text" value="very very long value" name="text7" /></td>
<td><input type="text" value="very very long value" name="text8" /></td>
<td><input type="text" value="very very long value" name="text9" /></td>
<td><input type="text" value="very very long value" name="text10" /></td>
<td><input type="text" value="very very long value" name="text11" /></td>
<td><input type="text" value="very very long value" name="text12" /></td>
<td><input type="text" value="very very long value" name="text13" /></td>
<td><input type="text" value="very very long value" name="text14" /></td>
<td><input type="text" value="very very long value" name="text15" /></td>
<td><input type="text" value="very very long value" name="text16" /></td>
<td><input type="text" value="very very long value" name="text17" /></td>
<td><input type="text" value="very very long value" name="text18" /></td>
<td><input type="text" value="very very long value" name="text19" /></td>
<td><input type="text" value="very very long value" name="text20" /></td>
</tr>
</tbody>
</table>
</body>
</html>

Please try -

Thank you
I tried this style before, it force's the table to fit the container width,
But it make's the text box act wired (try navigating in the text using the arrows)
Thanks again
Sharon

i think there is no way to do it