Hola tengo hecho un menu desplegable en html5 y css3, tengo el inconveniente que cuando se despliegan las pestañas del menu, el div de contenido de abajo se mueve mas abajo aun. Como hago para que el menu quede arriba del div.
Pego los codigos:

PHP

ul#menu-horizontal li {
margin-top:3%;
margin-right:3%;
float: right;
display: inline;
position: relative;}

#menu-horizontal ul {
background:#E6E6E6;
border:#999 solid 1px;
display: none;
position: relative;
top: 10px;
margin:0;
padding:0;

}

#menu-horizontal ul li{
display: block !important;


}
#menu-horizontal ul li:hover {
    border-bottom: none;
    
}

#menu-horizontal li:hover ul{
display: none;
display: block;

}



#menu-horizontal {
width:100%;
margin:auto;
}

#menu-horizontal li {
margin:0.3%;
width:10%;
text-align:center;
list-style:none;
padding:1% 0;
font:0.95em Arial;

}

/* y otro poquito por aquí.. */

#menu-horizontal li:hover {
border-bottom:#09C solid 10px;
}

#menu-horizontal li a {
color:#09C;
text-decoration:none;

}

#menu-horizontal li ul li{
float:none;
width:20%;
}
#formulario
{
    width: 80%;
    height: auto;
    background-color: rgba(0,0,0,0.5);
    position: relative;
    font:Arial, Helvetica, sans-serif;
    size: 1.3em;
    margin: auto;
    clear: both;
    padding: 2%;
    text-align: left;
}

HTML