How to float a div over Google Maps?

Question

I have a div that displays a Google map.

How do I make another div float over the map div?

Answer 1

Try this:

<style>    #wrapper { position: relative; }    #over_map { position: absolute; top: 10px; left: 10px; z-index: 99; } </style>  <div id="wrapper">    <div id="google_map">     </div>     <div id="over_map">     </div> </div>