title: How to make a Div appear on top of everything else on the screen?
body: <p><strong>Edit to reopen:</strong></p>
  <p>It seems to be difficult to position elements over a google map. Using z-index does not solve the problem which is described below: Google Maps will stay on top of some other elements even when using high z-indexes.</p>
  <p><strong>The question is:</strong></p>
  <p><em><strong>Is it possible to have a div cover parts of a google map?</strong></em></p>
  <p>I have the following popup:</p>
  <p><img src="https://i.stack.imgur.com/zLgJx.png" alt="enter image description here" /></p>
  <p>But when i move this popup up to appear over the map, it gets hidden:</p>
  <p><img src="https://i.stack.imgur.com/9ckTo.png" alt="enter image description here" /></p>
  <p>How to force something to be the top most, always displayed object on screen?</p>
  <p>I have tried setting the z-index on my CSS property sheet, but this did not work.</p>
  <p>Is there some HTML/CSS property i can set so that the popup, which is a DIV, actually always sets on top of everything else?</p>