When the html5 doctype is prepended to the following HTML in current stable Chrome (48.0.2564.97), it changes the width of the <input> but not the <select>.
The <input> exceeds the boundaries of the <td> on the right side, while the <select> does not.
- What causes this behavior?
- How can I prevent it and still utilize html5?
HTML:
<html>
<head>
<style>
.input-cell > * {
width: 100%;
}
</style>
</head>
<body>
<form>
<table>
<tr><td class="input-cell"><input name="note" type="text"></td></tr>
<tr><td class="input-cell"><select name="formatted"><option></option></select></td></tr>
</table>
</form>
</body>
</html>