OpenLayers - HTML DIV overlay

add a z-index

<div id="maphost" style="width:100%; height:100%; z-index: 0"></div>
<div id="overlay" style="z-index:9999"></div>

Another internal method for doing it is to use this css:

div.olMapViewport {
     z-index: 0;
}