title: google maps overlay layer
body: <p>i'm trying to put a layer on top of my google maps to cover it up. There doesn't have to be any interaction with google maps, it's just one layer on top the other. </p>
  
  <p>what i have now:</p>
  
  <pre><code>&lt;div id="map"&gt;
     &lt;div id="overlay"&gt;&lt;/div&gt;
  &lt;/div&gt;   
  </code></pre>
  
  <p>in the map div i put my google maps, and the overlay layer has a background as big as the map div, but the google maps keeps putting itself on top.</p>
  
  <p>Anyone an idee what i can do about it?</p>