This HTML code block, which forms a table with a dropdown list as an element works ok.
<table border="0" summary="Error Models">
<tr>
<th>Ambiguity Resolution Options</th>
</tr>
<tr>
<td>
Strategy:
<select name="strategy">
<option value="off">OFF</option>
<option value="float">Float</option>
<option value="instantaneous">Instantaneous</option>
</select>
</td>
</tr>
</table>
When I try to add a “Fix-and-Hold” option into this dropdown list, as follows:
<option value="fix-and-hold">Fix-and-Hold</option>
I get an error message, which persists even when i changed the “fix-and-hold” value.
As far as I know, there are no restrictions in the possible values that can assigned in value parameter. So, what causes this error?
I use the Tryit (W3schools) editor to code HTML for test purposes, as i don’t have an HTML framework capable of displaying pages without publishing them at this moment.
I suspect there’s something dynamic going on, either via javascript, server-side, or in your IDE itself.
See the html snippet working on jsfiddle.net here: http://jsfiddle.net/WUjhu/
In general, though, just because one browser will run it doesn’t mean much, because browsers are very tolerant of horribly malformed html, so what you want to do with your html when you encounter a problem is run in through the validator here: http://validator.w3.org/#validate_by_input
Of course, when putting that code through the validator, there are no errors, because it’s perfectly valid html, as long as only that html is involved. To me, that implies that your editor/previewer is failing you. Check the doctype and surrounding code to see what it adds that could be breaking stuff, otherwise get a better editor.