Hola a todos primero que nada este es mi primer post
Pues mi problema es el siguiente y ya me trae loco  
 
  
 
Estoy haciendo una pequeña pagina que lo unico que debe hacer es mostrar una grafica y refrescarse cada cierto tiempo digamos cada 40 segundos y todo muy bien mi problema es que  
hago lo siguiente 
Tengo el idex y en este index por medio de  
 Código HTML:
  setInterval("recarga()",1000);
 mando llamar una funcion que es recarga() que es esto   
 Código HTML:
 function recarga(){
	if(ajax){
		cont=document.getElementById('contenedor');
		ajax.open("POST","imagen.html",true);
		ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		
		ajax.onreadystatechange=function(){
				if(ajax.readyState==4){
					var valor=ajax.responseText;
					cont.innerHTML=valor;
				}else{
					cont.innerHTML="<img src='loading.gif' />";
				}
			}
		ajax.send(null);
	}//end ajax
}
 donde imagen.html es un archivo que contiene esto   
 Código HTML:
 <img src="muestras.jpg" width="90%" height="100%" alt="campo magnetico" /> 
 y muestras.jpg es una imagen generada dinamicamente cada 50 segundos y mi problema es que el unico navegador que actualiza dicha imagen es Chrome 
ni firefox ni IE lo hacen recargan la imagen pero siempre sigue siendo la misma