Problema con Menu desplegable

Hola que tal a todos los de la comunidad
Pues aquí con un pequeño problema
Hice un menú desplegable y me anda de maravilla
el problema es, que cuando se abre el desplegado, en vez de que se ponga encima del contenido
lo que hace es que me lo baja, no sé a qué se deba
Espero me puedan decir.
Aquí les dejo el CSS:

<!--quoteo--><div class='quotetop'>CITA</div><div class='quotemain'><!--quotec-->ul#nav li {
float: left;
display: inline;
position: relative;
padding-top:10px;
}

ul#nav ul {
display: none;
position: relative;
top: 24;
left:0;
margin:0;
padding:0;
background:#FFFFFF;
}

ul#nav ul li {
display: block !important;
width:800px;
}

ul#nav li:hover ul,
ul#nav li.iehover ul {
display: none;
}

ul#nav li:hover ul,
ul#nav li.iehover ul{
display: block;

}

#nav {
margin:0 auto;
}

#nav li {
margin:0 px;
width:130px;
min-height:28px;
text-align:center;
background:#ff07b0;
list-style:none;
padding:8px 0;
}

#nav li:hover {
background:#3e3d3d;
}

#nav li a {
font:bold 12px Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:none;
}

#nav li ul li{
float:none;
width:130px;
margin:1px 0;
}<!--QuoteEnd--></div><!--QuoteEEnd-->


Espero me puedan ayudar lo antes posible.
Gracias

 

No entendí el problema. Deberías poner también el html.