allora.. ho un porblemino sulla visualizzazione del footer ceh succede solo su IE (strano eh? )

... allora... all'apertura della pagina nessun problema.. ma quando passo con il mausa sopra il menu il footer si sposta.. cioè è come se scomparisse il margine che ha...
mi speigo meglio...

allora.. la mia pagina è fatta così...

un div (corpo) che racchiude tutti gli altri div

header
barra di navigazione
bloccosx (dove poi c'è il menu)
contenuto
extra (un blocco sotto il contentuto)
footer

il div corpo ha il bordo.. il footer è impostato ad una certa distanza dal bordo destra,sinistra,in basso e anche dall'alto, cioè del bloccosx e extra... su firefox tutto funziona correttamente.. su IE invece si vede tutto bene ma quando passo con il mausa sopra il menu bè il footer si attacca al bordo in basso... qualcuno sa aiutarmi? thanks

pagina
codice:
<div id="corpo">
<div id="header"><h1>Header</h1></div>
<div id="barra_navigazione">Sei qui:</div>
<div id="wrapper">
<div id="contenuto">
	<div class="box_pagina">
	<h1>pagina</h1>
	

testo pagina</p>
	</div>
</div>
</div>
<div id="bloccosx">
	<div class="menusx">
	<h1>Prova menu</h1>
	<ul>
	[*]Prova
	[*]Prova
	[*]Prova
	[*]Prova
	[*]Prova
	[*]Prova
	[*]Prova
	[/list]
	</div>
</div>
<div id="extra">


extra</p>
</div>
<div id="footer">
<p class="left">testo sinistra</p><p class="right">testo destra</p>
<div id="copyright">copyright</div>
</div>
</div>
css
codice:
html,body {
margin:0;
padding:0;
}

body {
font-size: 12px;
font-family: arial, helvetica ;
text-align:center;}

div#header h1 {
height:80px;
line-height:80px;
margin:0;
padding-left:10px;
color: #79B30B;
}

div#contenuto p {
line-height:1.4;
}

div#corpo {
text-align:left;
border: 1px solid #CCCCCC;
width:700px;
margin:0 auto 0 auto;
}

div#contenuto {
float:right;
width:500px;
color: #333333;
}

div#bloccosx {
float:left;
width:200px;
}

div#extra {
background:#FF8539;
float:right;
width:500px;
margin: 0 0 10px 0;
}

div#footer {
background: #eaeaea;
color: #333333;
clear:both;
padding: 5px;
margin: 0 10px 10px 10px;
}

div#footer p {
margin: 0;
padding: 0;
}

div#copyright {
clear:both;
text-align: center;
}

div#barra_navigazione {
background-color: #eaeaea;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}

.left { 
text-align:left;
float:left;
} 

.right { 
text-align:right; 
float:right;
}


.menusx {
text-align:left;
}

.menusx h1 {
font-size: 12px;
text-align:left;
margin:3px 15px 0 4px;
padding:0;
}

.menusx ul {
width:100%;
text-align:left;
margin:0px 0px 4px;
padding:0px;
}

.menusx ul li {
list-style:none;
text-align:left;
margin:0px 5px 0px 5px;
padding:5px;
border-bottom: 1px solid #cccccc;
}

.menusx li:hover {
background-color: #eaeaea;
}

.menusx li a {
display:block;
}

.sottocategoria1 {
margin-left: 15px;
}

.sottocategoria2 {
margin-left: 30px;
}

.box_pagina {
margin: 10px;
}

.box_pagina h1 {
font-size: 20px;
margin: 0 0 10px 0;
padding: 0;
}

.box_pagina p {
margin: 0 0 5px 0;
border: 1px solid #000000;
}