Problemino spazi

[Ruben Elmo]

Salve ragazzi,
sto creado una pagina e ho notato che con firefox tutto il layout va bene mentre con IE si creano degli spazi... Ecco il codice:

<div id="HEADER">
    <div id="HEADER_SPAZIO">
        <div style="height:36px"></div>
            [url="home.html"][img]images/Header_home.jpg[/img][/url]
            [url="home.html"][img]images/Header_portfolio.jpg[/img][/url]
            [url="home.html"][img]images/Header_contatti.jpg[/img][/url]
        </div>
    <div id="HEADER_MENU">PAGINA 1 | PAGINA 2 | PAGINA 3 | ...</div>
</div> 

e questi i CSS:

#HEADER{
    height: 80px;
    width: 680px;
    float: left;
}
#HEADER_SPAZIO {
    background-image:url(images/header.jpg);
    text-align:right;
    height: 60px;
}

#HEADER_MENU {
    background-color: #009900;
    text-align:left;
    line-height: 20px;
    height: 20px;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
    float: left;
    width: 680px;
}