Salve a tutti

Ho un problema con due div ed il ridimensionamento della pagina.
Se tengo la pagina maxata ottengo questo:



Dove vediamo GestioneSito in alto a destra e la FanPage in basso a sinistra, contenute rispettivamente in due div diversi.

Se restringo la pagina ottengo però questo:



Questo il codice della pagina:

codice:
<body>
        <script language="javascript" type="text/javascript">
           document.getElementById('BannerDiv').scrollIntoView();
        </script>

        <div id="BannerDiv" style="position:fixed; bottom:10px; left:5px; margin-right: 10px">
            ---
        </div>
        <div id="SpazioAdmin" style="font-size: 9px; position:fixed; top:5px; right:5px">
                Gestione Sito
            </div>
        <div id="header">
        </div>
Come posso risolvere questo problema, facendo in modo che i due div non si sovrappongano a quello al centro?
Anche il div Header (quello che contiene il logo con il cavallo) scorre verso sinistra.
Questo il suo codice:

codice:
#header{
    height: 151px;
    width: 750px;
    background-image:url("../Immagini/logo.png");
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:0px;
    overflow: hidden;
    border: solid 1px black;
}
Grazie mille