Problema al cargar con AJAX una pagina htm en un div

[Mjr]

Hola gente tengo un problemilla y por mas vueltas que le doy no veo la solución que le puedo dar, el caso es que tengo la siguiente función para cargar una pagina html en un div

// Esta función cargará las paginas
function cargarcontenido(url, id_contenedor){
var pagina_requerida = false
if (window.XMLHttpRequest) {// Si es Mozilla, Safari etc
pagina_requerida = new XMLHttpRequest()
} else if (window.ActiveXObject){ // pero si es IE
try {
pagina_requerida = new ActiveXObject("Msxml2.XMLHTTP")
}
catch (e){ // en caso que sea una versión antigua
try{
pagina_requerida = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
pagina_requerida.onreadystatechange=function(){ // función de respuesta
cargarpagina(pagina_requerida, id_contenedor)
}
pagina_requerida.open('GET', url, true) // asignamos los métodos open y send
pagina_requerida.send(null)
}
// Poner la informacion requerida
function cargarpagina(pagina_requerida, id_contenedor){
if (pagina_requerida.readyState == 4 && (pagina_requerida.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(id_contenedor).innerHTML=p agina_requerida.responseText
}


funciona correctamente pero mis problemas son:

- Cada página que carga en el div tiene su hoja de estilo que en FIREFOX me la coge bien pero en IE nada, como si no existiera la hoja de estilo.

-Otro problema es que el texto que me coge del HTML al cargarlo en el DIV, no coge los acentos, este problema lo soluciono poniendo &-acute; pero queria saber si hay otra manera de hacer que los pille.

SALUDOS y MUCHAS GRACIAS