tag header e margin: perchè fa così Firefox?

[mxa]

In riferimento all'immagine allegata, vorrei che il testo "LE NOSTRE NOVITA'" abbia una distanza di 20 px dai due riquadri di sopra, Explorer lo fa, mentre Firefox no. Posto i due pezzi di codice:

HTML

<div id="content">
                <div id="description">
                    <div id="text-left">
                        <h3>Lorem ipsum dolor sit amet.</h3>
                        

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque eget diam ut enim tempor vulputate. Maecenas adipiscing mauris at dolor. Cras lobortis. Donec dictum nulla et neque. Ut lacus. Donec auctor dignissim purus. Fusce consectetuer commodo eros. Cras vel est. Mauris est urna, egestas eget, bibendum eget, dignissim in, turpis. Aenean vel lorem.</p>
                    </div>
                    <div id="text-right">
                        <h3>Lorem ipsum dolor sit amet.</h3>
                        

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque eget diam ut enim tempor vulputate. Maecenas adipiscing mauris at dolor. Cras lobortis. Donec dictum nulla et neque. Ut lacus. Donec auctor dignissim purus. Fusce consectetuer commodo eros. Cras vel est. Mauris est urna, egestas eget, bibendum eget, dignissim in, turpis. Aenean vel lorem.</p>
                    </div>
                </div>
                
                <h4 class="home">LE NOSTRE NOVIT&Agrave;</h4>
            </div> 

CSS

#content {
    width: 720px !important;
    width: 760px;
    height: 340px !important;
    height: 380px;
    margin: 0;
    padding: 20px;
}

#text-left, #text-right {
    width: 320px !important;
    width: 340px;
    height: 115px !important;
    height: 135px;
    padding: 10px;
    border: 1px solid #990000;
}

#text-left p, #text-right  p {
    margin: 0;
    padding: 0;
    color: #FFFFFF;
    text-align: justify;
    font-size: 8pt;
}

#text-left h3, #text-right  h3 {
    margin: 0;
    padding: 0;
    color: #CC0000;
    text-align: left;
    font-size: 105%;
    font-weight: normal;
}

#text-left {
    float: left;
}

#text-right {
    float: right;
}

#content h4 {
    font-size: 100%;
    border-bottom: 1px solid;
    clear: both;
    margin-top: 20px;
}

#content h4.home {
    border-color: #990000;
    color: #CC0000;
}