div en la parte superior de div con API de Google Maps

Question

Cómo flotar un "menú" div en la parte superior de mi Google Maps API "mapa" div. Y tal vez posiblemente agregue una transparencia del 50% en el menú div. Se puede hacer esto?

#map {width: 835px; height 540px; float: left;} 
#menu {width: 145px; float: right; padding-top: 10px;} 

<div id="map"></div> 
<div id="menu"></div> 

Answer 1

¿No puedes cambiado las posiciones de la DIVs como esto:

<div id="menu"></div> 
<div id="map"></div> 

Si no se puede ir algo como esto:

<div id="map"></div> 
<div id="menu"></div> 

#menu 
{ 
    position: absolute; 
    top: 10px; /* adjust value accordingly */ 
    left: 10px; /* adjust value accordingly */ 
} 

Actualización 2

Cross- estilo de transparencia del navegador:

.dropSheet 
{ 
    background-color: #000000; 
    background-image: none; 
    opacity: 0.5; 
    filter: alpha(opacity=50); 
} 

Simplemente aplique la clase dropSheet al elemento que desea que sea transparente.

Answer 2

Bueno, la estructura básica de un flotador debe contener un elemento de envoltura que tiene su propiedad posición ajustada a otra cosa que el valor predeterminado, y un elemento que despeja el flotador en el extremo.
De esta manera:

#wrapper { 
    position:relative; 
} 
#menu { 
    float:right; 
} 

<div id="wrapper"> 
    <div id="map"></div> 
    <div id="menu"></div> 
    <br clear="both" /> 
</div> 

El código proporcionado en concreto no se ha probado, pero el flotador y el hecho de que el menú es la capa más alta que el mapa, debe hacer que el menú en la parte superior del mapa en la derecha lado. Para el problema de transparencia, vea this fantastic resource.

Espero que te hayan ayudado.