IE y Chrome no activan un evento mouseover para elementos

Mi código solo funciona en Firefox. ¿Por qué es esto?

HTML:

 one two three  

Javascript:

 $(function() { $(document).on("mouseover", "#selecter option",function(){ alert(1) }); }); 

Tengo curiosidad de por qué IE y Chrome no activan un evento mouseover. Ver este JSFiddle: http://jsfiddle.net/yT6Y5/72/ (Funciona perfectamente en Firefox).

¿Cómo puedo obtener IE y Chrome para disparar un evento mouseover?

El problema es que los navegadores muestran los menús desplegables de forma diferente. Chrome lo muestra como un componente HTML, pero no como un GUI nativo. Eso no puede tener manejadores de desplazamiento asociado a él desde JS.

Si quiere asegurarse de que funciona en todos los navegadores, no use un menú desplegable u obtenga un script para crear un menú desplegable que use elementos HTML.

Parece que no se disparan eventos cuando pasas el mouse sobre una opción en IE & Chrome,

En el mejor de los casos, debería vincularse al evento de cambio.

 $(function() { $("#selecter").change(function(){ alert(1); }); }); 

tal vez deberías usar un enfoque diferente para vincular el evento

  $(function() { $("#selecter").mouseover(function(){ alert(1) }); });