title: OpenLayers - HTML DIV overlay
body: <p>I'm using OpenLayers to display a map on a standard HTML page, and I want to create a div that sits on top of the map. However, the div always seems to be obscured by the map tiles. </p>
  
  <p>I believe there is a way to add elements to the map itself, but in this case that isn't a viable option since the div will potentially float partially over the map, and partially over other page elements.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div id="maphost" style="width: 100%; height: 100%" /&gt;
  &lt;div id="overlay" /&gt;
  </code></pre>
  
  <p>That is the basic HTML. What CSS values do I need to add to either DIV to make this possible? </p>