Hora en JavaScript. IE6 la muestra sin CSS, pero con CSS no. ¿Por qué?

[Maicro]

Hola buenas. Tengo insertado un código de JavaScript que encontré en el foro -no sé JavaScript- para que me saque la hora del ordenador que navega por la página. Dicho código funciona en IE6 si no lo vinculo a ningún CSS, pero en cuanto lo vinculo, desaparece el contenido de la capa que contiene el código de JavaScript. En Chrome se visualiza bien.

Por favor, ¿alguien sabría decirme la causa para poder corregirlo? Muchas gracias. Por si alguien quiere verlo cómo queda: aquí. A continuación, los códigos.

Código HTML:

<div id="barraestado">
	<div id="hora">
		<script languaje="JavaScript">
			hora = new Date();
			var minutos = hora.getMinutes ();
			if (minutos<=9) minutos = "0" + minutos;
			document.write(hora.getHours()+":"+minutos);
		</script>
	</div>
	<div id="dia">
			<script languaje="JavaScript">
			var mydate=new Date()
			var year=mydate.getYear()
			if (year < 1000)
			year+=1900
			var day=mydate.getDay()
			var month=mydate.getMonth()
			var daym=mydate.getDate()
			if (daym<10)
			daym="0"+daym
			var dayarray=new Array("Domingo","Lunes","Martes","Mi&eacute;rcoles","Jueves","Viernes","Sabado")
			var montharray=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre")
			document.write(""+dayarray[day]+", "+daym+" de "+montharray[month]+" de "+year+"")
		</script>
	</div>
	<div id="localizacion">
		Bienvenido a Classic Co.
	</div>
</div> <!-- barraestado --> 

Código HTML:

div#barraestado {
	font-size: 0.6em;
	color: #e0dfa8;
	text-align: center;
}
div#hora {
	float: left;
	width: 250px;
	text-align: left;
}
div#dia {								/* En HTML tiene que ir antes de la capa LOCALIZACION */
	float: right;
	width: 250px;
	text-align: right;
}
div#localizacion {
	float: none;
	text-align: center;
}