posible problema con ajax

[saheka]

Hola Amigos, antes que nada agradecer por este foro q me ha sido de mucha utilidad.

Mi problema es el siguiente:
Estoy rediseñando y actualizando una pagina web, www.uaa.edu.mx/uaa2008

Se supone que este sitio estará en constante actualización, por lo que se decidio que se enviará informacion en word y de word se exportara a html, para solo pegar el documento y mandarlo a llamar con un htmlrequest.

asi lo hago con el siguiente codigo:
<script language="javascript" src="../Scripts/doc_dependientes.js" type="text/javascript" ></script>

<script language="javascript" type="text/javascript">
window.onload= function(){
cargarContenido('Contactanos.htm', 'info');
}
</script>

en el cual contactanos.htm es el documento de word a htm convertido e "info" es el id del div en donde voy a cargar la informacion, lo hace!!! el problema es, que cargo la pagina con IE, funciona todo, cierro el explorador, repito esto unas dos veces, a la tercera ocaccion la pagina abre pero no me muestra ninguna de las reglas Css que he definido, osea se visualiza sin estilos, he revisado mis codigos y segun yo todo esta bien, aun asi, incluyo el codigo de "doc_depentientes.js", aqui la super duda es que no creo q me haya equivocado con las referencias a los codigos js o css, digo al abrir la pagina perfectamente dos veces...
en fin si se necesita mas informacion para poder despejar mis dudas la anexare.
un comentario mas, estoy usando plantillas, no se que tanto tenga q ver.

function nuevoAjax()
{

var xmlhttp=false;
try
{ xmlhttp=new ActiveXObject("Msxml2.XMLHTTP"); }
catch(e)
{ try
{ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }
catch(E)
{ if (!xmlhttp && typeof XMLHttpRequest!='undefined') xmlhttp=new XMLHttpRequest(); }
}
return xmlhttp;
}


function cargarContenido(queContenido, enDonde){
var contenedor;
contenedor = document.getElementById(enDonde);
ajax=nuevoAjax();
ajax.open("GET", queContenido,true);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {

contenedor.innerHTML = ajax.responseText
}
}
ajax.send(null)
}

[saheka]

mmm hola nuevamente, buscando en el oraculo (internet), parece q el problema no es con el AJAX es mas bien con e IE, parece que no carga el CSS por algun problema propio del IE, posiblemente el tamaño del archivo CSS tambien haya contribuido, media 5 kb lo he bajado hasta 3.55 quitando comentarios espacios en blanco y demas, esto ha resuelto el problema en una que otra pc con IE7, pero hay una en particular, la de mi jefa q nomas no, tambien usa IE7 si alguien sabe aldo de esto, alguna solucion una manita una cuerda lo que sea PLIS!!!!!

[NUCKLEAR]

Usa algun framework, por ejemplo Jquery. asi te olvidas de incompatibilidades de navegadores.

Cuando esportas desde word tambien exporta un doctype, headers titulos etc, puede ser la causa del problema.

[saheka]

Gracias NUCLEAR...
todavía no se usar jquery, quiero pensar que es algo similar al paso de variables con html a php o java... perdon si estoy equivocada.

logré resolver el asunto usando @import en vez de link, por si alguien mas le pasaba lo mismo hice lo siguiente en vez de usar:
<link rel="stylesheet" type="text/css" href="Scripts/estilos.css"/>

use:
<style type="text/css">
<!--
@import url("Scripts/estilos_uaa.css");
-->
</style>

no se si habrá algun moderador que mueva esto a algun foro sobre CSS, por que mas bien era eso, la carga del CSS en IE7, ahora el problema es con flash player, al irme a otra direccion dentro de la misma pagina y regresar a la anterior no se muestran dos objetos q tenia en flash, igual solo pasa con IE7, por q con 6 no ha habido problema, con IE8 la verdad no he probado.

Muchas Gracias.