<DIV> overlay like "leaflet-control-attribution"

[Jack Michel]

Hello!

I want to show a semi transparent <div> overlay over a leaflet map at a fixed position (like the leaflet "leaflet-control-attribution").
I already tried it with z-index:

   <div id="map" style="z-index: 1;">
      <div id="overlay" style="position:absolute; top:0px; left:100px; background-color:white; width:100px; height:100px; z-index: 100"> My Test</div>
   </div>

To set the class "leaflet-control-attribution leaflet-control" to the overlay <div> doesn't work either.
Do you have some hint for me?

Thanks!

[Bryan McBride]

Try moving the overlay div outside of the map div.

[Jack Michel]

Bryan, your solution finally fits best. Thanks!