JavaScript - Error al crear un elemento en IE con mootools 1.2

Hola a todos,

Estoy desarrollando un aplicativo y estoy atorado, lo que trato de hacer es un formulario de un catalogo con sus respectivos campos y 3 botones (mostrar usuarios, guardar y nuevo).

El boton de mostrar usuarios lo que hace es crear un elemento select y por ajax obtiene los datos del catalogo de usuarios y genera los option para el select.

Pues todo me funciona muy bien pero en FireFox y cuando lo ejecuto en IE truena, ocupo la libreria mootools 1.2.

Le dejo la funcion que truena con IE para ver si alguien me echa la mano.

function openCat(txt){
cboCat = new Element('select', {
'id' : 'txt_cLogin',
'name' : 'txt_cLogin',
'styles': {
'width': '163px',
},
'events' : {
'focus' : function(){
muestraTool(this)
},
'blur' : function(){
ocultaTool(this)
},
'change' : function(){
openUser(this.value)
}
}
})
optCat = new Element('option',{
'value' : '0',
'html' : txt
}).inject(cboCat)
var antElm = $("txt_cLogin")
antElm.parentNode.replaceChild(cboCat, antElm)
cargaCbo('txt_cLogin','6')
}

Saludos!

Bueno pues ya tengo la respuesta y asta pena me da pero en fin creo que a todos nos pasa algunas veces.

Tenia un caracter de mas que me causaba conflicto en IE y no se por que en FireFox no, en la parte donde le defino el style al select tengo solo la propiedad width y al final una coma; como si fuera a defnir mas valores.

Error:

'styles': {
'width': '163px',
},

Corregido:

'styles': {
'width': '163px'
},

Saludos!