El div que muestra mi menubar cuando se muestra mueve todo para abajo

[iovan]

Hola amigos buenos días/tardes

Verán me hice este menubar con jquery y css y no contemple lo siguiente.

Funcionamiento:

1.- Cuando coloco el mouse sobre una opción me muestra un div con el submenu
2.- Cuando se muestra este div todo el contenido debajo de la menunav se mueve para abajo.

veáse cabecera en el siguiente link:

http://www.savascavisl.parrotsrooms.com/
(la menu bar es la que pone justo debajo del logotipo myBody, en color gris y con las opciones deporte & energía, salud & bienestar, etc...)

----------------------------------------------------------
Un fragmento de código html para un una opción del menubar

Código HTML:

<div id="menu-nav-content">
            <div id="menu-site-nav">
                <div class="menu-item">
                    <div id="menu">
                        <a href="" id="sport">Deporte & Energía</a>
                        
                    </div>
                    
                    <div id="menu-nav-sport" class="menu-nav" style="display: none">
                        <div id="menu-list">
                            <ul>
                                <li><a href="">Aminoácidos</a></li>
                                <li><a href="">Barritas y Geles</a></li>
                                <li><a href="">Carbohidratos</a></li>
                                <li><a href="">Creatina</a></li>
                                <li><a href="">Ganadores de peso</a></li>
                                <li><a href="">Proteínas</a></li>
                                <li><a href="">Quema - Grasas</a></li>
                                <li><a href="">Vitargo</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
</div>
 

En este caso el div que me da estos problemas es el del id="menu-nav-sport" LINEA 9

Código HTML:

<div id="menu-nav-sport" class="menu-nav" style="display: none">
....
....
....
</div>
 

Amigos me podrían tirar una ayuda. ¿Con qué propiedad CSS puedo evitar que esto suceda?

Gracias

[C2am]

El posicionamiento del submenu debería ser absoluto, y tener un z-index superior al resto de la página.

Digo, me parece que por ahí va el tema.

Saludos

[iovan]

excelente.

Ya funciona muy bien. Muchas gracias.