How to make Chrome obey this rule?
- by George Edison
Here is the code:
<table style='margin-left: auto; margin-right: auto; text-align: right;'>
<tr>
<td style='vertical-align: top;'>Title:</td>
<td style='width: 400px;'><input type='text' style='border: 1px solid black; width: 100%;' />
</tr>
<tr>
<td style='vertical-align: top;'>Content:</td>
<td><textarea style='border: 1px solid black; width: 100%;' rows='7'></textarea></td>
</tr>
</table>
Here is what it looks like in Opera and FireFox (in Linux):
But then in Chrome (also in Linux):
As you can see, the first text box is not the right width :(
How can I fix this?