Problemas con Divs..

[oNefl0w189]

He probado implementando divs.. de manera disparatada por lo que parece, pues no he podido arreglarlo.. aunque creo que el error Sí que esta ahí.
El problema es que si ajusto manualmente el Top se me mete en la siguiente parte de la página web..

os pongo todo el codigo de la cabecera de la página para que lo veais correctamente (suprimo el php que no sirve para nada...) haber si me podeis decir como implementar exactamente el div para obtener el resultado esperado..

Código HTML:

<div class="body1">
    <div class="main">
<!-- header -->
        <header>
            <div id="logo_box">
                <h1><a href="index.php?id=0" id="logo"><img src="images/asir.png"></img><span>Tu soporte informatico a medida</span></a></h1>
            </div>
            <nav>
                <ul id="menu">
                               <?php
                               echo "<li id=\"menu_active\"><a href=\"index.php?id=0\">Inicio</a></li>";
                echo "<li><a href=\"index.php?id=1\">Quien somos</a></li>";
                echo "<li><a href=\"index.php?id=2\">Proyectos</a></li>";
                echo "<li class=\"bg_none\"><a href=\"index.php?id=3\">Contacto</a></li>";
                                ?>                  
                </ul>
            </nav>
            <div class="wrapper">
                <div class="text1">¿Tienes ideas de futuro?</div>
                <div class="text2">Nosotros trabajos por dar una imagen a tus ideas</div>
                <ul id="icons">
                    <li><span>Siguenos en:</span></li>
                    <li><a href="#"><img src="images/icon1.jpg" alt=""></a></li>
                    <li><a href="#"><img src="images/icon2.jpg" alt=""></a></li>
                    <li><a href="#"><img src="images/icon3.jpg" alt=""></a></li>
                </ul>
            </div><div class="ic">Mas informacion en facebook.com</div>
        </header>
<!-- / header -->
    </div>
</div>