altezza div raddoppiata in ie

[maxcondor]

L'altezza del div con id fil-g, risulta essere raddoppiata con ie... Perchè????
questo è il codice xhtml:

<div id="header">
        <div id="logo">
            <h1>[url="index.asp"]<span class="hidden" >TITOLO</span>[/url] </h1>
        </div>
        <div id="nav">
            <span>|</span>
            [url="#"]chi siamo[/url]
            <span>|</span>
            [url="#"]organigramma[/url]
            <span>|</span>
            [url="#"]divulgazione [/url]
            <span>|</span>
            [url="#"]prodotti[/url]
            <span>|</span>
            [url="#"]territorio[/url]
            <span>|</span>
            [url="#"]contatti[/url]
            <span>|</span>
            [b]home[/b]
            <span>|</span>
        </div>
    </div>    
    <div id="fil-g">
    </div>
    <div id="testata">
    </div> 

questo è il css:

body {
    margin:0;
    padding: 0;
    background:#F8F8EE;
    font: 100%/1.2em Verdana, Arial, Helvetica, Tahoma, sans-serif;
    color:#000;
    
}

/* Varie
--------------------------------*/
#header, #cln-1, #cln-2, #footer {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    
}
div p {
    margin:0;
    padding: 0.5em 1em;
    
}
.hidden {
    display:none;
    
}
#fil-g {
    background: url(../images/bg/filetto-verde.jpg) repeat-x  ;
    clear:both;
    height:7px;
    margin:0;
    padding:0;
    
    
}


/* Logo Header
--------------------------------*/
#header {
    width:760px;
    margin:0;
    padding:0;
    

}
#header h1 {
    margin:0;
    padding:0;
    display:block;
    width: 270px;
    
}

#header h1 a {
    display:block;
    width: 270px;
    height: 62px;
    margin: 10px 0px 0px 30px;
    padding: 0;
    margin:0;
}
#logo {
    background:  url(../images/logo-assoli.jpg) no-repeat;
    height:62px;
    float:left;

}

/* Testata 
--------------------------------*/
#testata {
    background:#99CC33 url(../images/testata.jpg) no-repeat top left;
    padding:0;
    margin-top:0;
    height:80px;
    
}