Distanze differenti nei browser

[Horus-Ra]

Il sito è strutturato in questo modo (metto solo le parti interessate):

<div id="container">

<div id="header">
</div>
<div id="barra">
</div>

</div>

Firefox mi tiene una distanza tra header e barradi 5 px, come voglio che sia, mentre IE6 me lo tiene a una distanza maggiore (credo sui 30px) e IE7 me li tiene invece addossati, senza distanza tra loro.

Queste le classi:

div#header { 
    height: 200px;
    max-height: 158px; 
    padding: 0px;  
    margin: 0px;
    color: #900;
}

div#barra { 
    clear: left; 
    float: left;
    text-align: left; 
    background-color: #FFFDF0;
    padding-bottom: 0px;
    margin-bottom: 0px;
    height: 20px;
} 

Ho provato a inserire margin-top nella barra (mettendo l'attributo !important per Firefox e impostandolo a 0) e la stessa cosa con il margin-bottom nell'header, così:

margin-top: 0px !important;
margin-top: 5px;

Ma non cambia niente

[Ugly Mau]

prima di tutto

height: 200px;
max-height: 158px;

:master: :master:

[Horus-Ra]

Era un residuo di un vecchio codice
Sistemato questo, adesso IE6 e IE7 si comportano allo stesso modo... cioè mettono troppo spazio tra header e barra. Devo trovare il modo di ridurlo

[Ugly Mau]

Io vedo nello stesso modo in tutti i tre, non è che hai qualche altra definizione in giro...?

[Horus-Ra]

Quelli che ho messo sopra sono i div principali, all'interno ho parecchi sottodiv (che, penso, non dovrebbero influire su quei div, visto che sono interni).. Se li mettessi tutti riempirei una pagina di topic

Magari provo a sistemare qualche margine nelle classi vicine, che forse gli danno fastidio...
Grazie dell'aiuto