Problema con menu flotante

[eguitox]

Hola amigos del foro.

Estoy creando una página de venta de cupones de descuentos (cuponera tipo groupon, letsbonus), paso a dejar el link para que le den un vistazo.

http://www.cupomakers.com/

Como podrán observar, en el costado superior derecho hay un menú desplegable, el problema es que al expandirse me corre el texto situado en la barra de menu de color oscuro. ¿Como hago para que este menú se despliegue ensima del contenido?

He intentado utilizando la propiedad z-index pero no pasa nada.

De antemano agradezco su colaboración.

Un saludo.

[Mariano_Floyd]

Para que la propiedad z-index funcione tienes que darle una posicion. Si a tu div "SelectCiudad" le das una posicion: absolute y un right: 0 (el float se lo quitas porque al tener posicion absoluta no te sirve), y a tu div padre "pagina" le das un position: relative quedara como deseas.
Ahora una critica, la semántica de tu html no la veo bien, utiliza html 5, para el menú desplegable trabaja con listas y trata de utilizar mas clases. Contrata un diseñador que te ayude con el diseño y lee un poco mas sobre css.