Posizionamento div.

[k4osz]

Salve, ho appena scaricato uno script nella sezione javascript di html.it, "ricreiamo il logo di natale di google". Ho posizionato il div dentro un div header. Su firefox tutto ok, su ie invece il div si posiziona sotto il div header ecco due img per capire meglio il problema:

FIREFOX:


Uploaded with ImageShack.us

EXPLORER:


Uploaded with ImageShack.us

Eccovi il codice html:

<div id="header">
<div id="logo">[img]img/logo.jpg[/img]

<div id="page"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="js/script.js"></script>

Codice css:

#page{
	height:240px;
	margin: 0 auto;
	left: 30%;
	position: relative;
	float:left;
}

.pic{
	position:absolute;
	overflow:hidden;
	border:4px solid #f4802b;
	text-decoration:none;
	z-index:0;
}

.pic img{
	position:absolute;
	border:none;
}

.pic:nth-child(2n+1){
	border-color:#454fa4;
}

.pic:nth-child(3n+2){
	border-width:5px;
}

Grazie anticipatamente per gli aiuti!