Problema, solo IE, en actualizar un SELECT con AJAX

[segma]

Hola a tod@s, teng oun problema a la hora de actualizar un SELECT por AJAX, pero solo me de el problema en IE, como no.

Página donde le llamo al AJAX
<select name="system" id="system" onchange="refresc_cups('cups')">

El innterHTML pone esto:
<option value="0">Select to cups</option><option value="0">Select to cups</option>


Aquí Donde la respuesta,
<select name="cups" id="cups">
<option value="0">none to cups</option>
</select>

La visualización es que si que me coge las celdas porque me da altura en el select pero no me lo muestra me sale con un ancho mínimo.
He hecho un alert de innterHTML y en todos los navegadores me sale
<option value="0">Select to cups</option><option value="0">Select to cups</option>, pero en IE me sale : Select to cups</option><option value="0">Select to cups</option> quinando el primer <option value="0">

Sabéis si hay problemas de esto en IE? Muchas Gracias!! y un saludo. SI queréis más código lo pongo.

[segma]

Ya lo he solucionado!!

Para actualizar un combo se haría así:

<select id=”miselect”>
<option>Opcion1</option>
</select>

Para recargarlo haríamos así:

document.getElementById(“miselect”).innerHTML = “<option>Opcion2</option>”;

En Internet Explorer se ha de hacer utilizando un div y en el actualizar todo el combo:

<div id=”miselectDiv”>

<select id=”miselect”>
<option>Opcion1</option>
</select>

</div>

A través de javascript además de inyectarle las option añadimos el propio select (con <select> </select>).

document.getElementById(“miselectDiv“).innerHTML = “<select><option>Opcion2</option></select>”;