This code:

<table id="tblTitleText" border="1">
 <tr>
  <td>
   <input name="txtName"
      type="text"
          value="Rons Test Lookup Fdfgdfgdfgdsfgsdfgsdfgdsfgdsfgsdf"
          maxlength="50"
          id="txtName"
          title="This text will appear at the top of your Form."
          style="width:100%;color:Black;font-family:Arial;font-size:300%;font-weight:Bold;font-style:Normal;text-decoration:normal;background-color:Tan;" />
   <br />
  </td>
 </tr>
</table>

...produces an input box that is WIDER than the screen, despite a 100% length in the style attribute. This results in a side-scroll bar in the browser. It appears that the length of the Imput box value is causing the miscalculation.

I want the text box to be exactly as wide as the TD and I don't want to specify a hard coded width because screen resolution might vary. What do I have to do to keep the table from exceeding the browser screen width, the way you'd normally expect width=100% to work?