innerHTML для тега SELECT

Привет. Может кто-нибудь объяснить природу и способ решения проблемы? Следующий пример кода

[codebox]<form>
<select id="aa" name="aa">
<option value="1">aa</option>
</select>
<input type="button" onclick="bb()" />
</form>

<script language="javascript">
function bb() {
var aa = document.getElementById('aa');
alert(aa.innerHTML);
aa.innerHTML = "<option value='2'>bb</option>";
alert(aa.innerHTML);
}
</script>[/codebox]

Нормально пашет в FF и Opera, но IE (проверял в 6-й и 7-й версиях) рубит в яваскрипте первый открывающий блок option.