Menu CSS se oculta tras un slider

[lk2_89]

Este es el código HTML que tengo en mi página:

Código HTML:

<div class="contenedor_bnr_mn">
        <div class="banner">
        <img src="imagenes/banner/banner.png" />
        </div>
        
        <div class="slider">
            <div id='coin-slider'>
                <img src="imagenes/slider/1.jpg" />
                <img src="imagenes/slider/2.jpg" />
                <img src="imagenes/slider/3.jpg" />
                <img src="imagenes/slider/4.jpg" />
                <img src="imagenes/slider/5.jpg" />
                <img src="imagenes/slider/12.jpg" />
 
            </div>
                <script type="text/javascript">
                $(document).ready(function() {
                $('#coin-slider').coinslider({ width: 960, height: 500, links : false, effect: '', opacity: 0.0, navigation: false, delay: 5000, sDelay: 30 });
                });
                </script>
        </div>
        <div class="menu">
                                                        <ul class="nav">
                                                <li>
                                                    <a href="#">Inicio<span class="flecha">▼</span></a>
                                                </li>
                                                <li>
                                                    <a href="#">Relojes<span class="flecha">▼</span></a>
                                                    <ul>
                                                        <li><a href="#">Colecciones<span class="flecha">▼</span></a></li>
                                                        <li><a href="#">Colores<span class="flecha">▼</span></a></li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a href="#">Tiendas<span class="flecha">▼</span></a>
                                                    <ul>
                                                        <li><a href="#">Sevilla capital<span class="flecha">▼</span></a></li>
                                                        <li><a href="#">Sevilla provincia<span class="flecha">▼</span></a></li>
                                                        <li><a href="#">Andalucía<span class="flecha">▼</span></a></li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a href="#">Contacto<span class="flecha">▼</span></a>
                                                </li>
                                            </ul>
        </div>
</div>
 

El problema viene a que si dejo como esta ahora, con slider arriba y menu abajo, las siguientes capas que meta en otro div distinto se visualizan perfectamente; pero si quiero dejar el menu arriba con el slider abajo, todas los div que meta a continuación se quedan "pegados" al slider...

No se si se entiende; en caso de que no, envío una imagen