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;
    
} 

[fcaldera]

sul div in questione prova ad aggiungere

font-size: 0;

[maxcondor]

grazie mille funziona, ma perchè ie si comporta in questo modo? forse perchè il div è vuoto?

[fcaldera]

Internet Explorer non consente di creare oggetti blocco alti meno del font-size

in altre parole se tu ad esempio hai font-size: 10px; quel blocco non sarà mai alto meno di 10px
l'unico modo è forzarne il font a 0;

Ciao

[sexcar]

ho provato anche io e funziona.
ma risulta anche a voi che non funziona per un div che si trova dentro un altro div che invece ha il font-size non settato a zero?

[sexcar]

ho risolto inserendo un commento vuoto dentro il div.