html - 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>