FF e Margin Top

[ALonE]

Ciao a tutti
ho un problema con un margin-top di un DIV del cavolo
in pratica

ho una struttura simile a questa...

<div id="Contenitore">
    <div id="Header">
        <div id="Titolo">[url="#"]<h1>Titolo</h1>[/url]</div>
    </div>
    <div id="Center"></div>
    <div id="Footer"></div>
</div> 

Dove il DIV "Titolo" è dentro al DIV "Header" e deve starci dentro con un margine superiore di 10px, come si legge dal css

*{font-family:Arial, Helvetica, sans-serif; font-size:10px;}
html,body{width:100%; height:100%; margin:0; padding:0;}
body{background-color:#FFFFFF;}
#Contenitore{width:500px; margin:0 auto; background:#CC6699;}
#Header{background:#FFCC99; height:150px;}
#Header #Titolo{width:100px; height:50px; background:#000099; margin-top:10px;}
#Header #Titolo a{width:100%; height:100%; display:block;}
#Header #Titolo a h1{display:none;}
#Center{background:#FF9933; height:300px;}
#Footer{background:#FFCC33; height:40px;} 

Solo che invece di stare a 10px dal margine superiore del contenitore (Header) mi sposta tutto in basso di 10px!!!

Su IE (6/7) questo non accade... come mai?
Ho provato a risolvere con un padding-top 10px all'interno di "Header" ma non è la soluzione in quanto dovrei anche mettere un'altro div (non presente qui in esempio) con un margin-top differente rispetto a quello di "Titolo".

Grazie