the following page appears differently in IE and FF.<html><head><title>Input Width</title></head><body><div style="height:200px; width:25%; background-color:#8cc; color:#000;"><table cellpadding="0" cellspacing="0" border="0" style="width:100%;"><tr><td style="padding-left:10px; padding-right:10px;"><input style="width:100%;" value="1234567890 2234567890 3234567890 4234567890 5234567890 6234567890"/></td></tr><tr><td style="padding-left:10px; padding-right:10px;"><input style="width:100%;"/></td></tr></table><div style="padding-left:10px; padding-right:10px;"><input style="width:100%;" value="1234567890 2234567890 3234567890 4234567890 5234567890 6234567890"/></div><div style="padding-left:10px; padding-right:10px;"><input style="width:100%;"/></div></div></body></html>
the problem is the 'input' inside 'td' trying to display all contents in IE. at first i thought it was because IE cant render percentage width correctly, but it works fine when the 'input' inside 'div'.is there any logic behinde this behavior? and is there a work around for percentage width for textbox?Thanks