安易な要素の最小化はトラブルの元(selectタグとIE8)

今日気づいた失敗です。


<html>
<body>
<select id="one" /><select id="two" /><select id="three" />
</body>
</html>

このhtmlをInternet Explorer 8で表示すると、要素が2つしか表示されません。

本来、selectは最小化してはならないとされるタグだったのですが、サボって、この様なコードを書いてしまいました。

Javascriptでoptionを充填するselectであっても最小化はせず、ちゃんと<select></select>と書きましょうという教訓でした。