title: CSS Hover state not working
body: <p>I have a code like this</p>
  
  <pre><code>&lt;div style="position: absolute; margin-left: -22px; margin-top: -22px; left: 502px; top: 379px; z-index: 380; display: block;" class="maptimize_marker_0 f st"&gt;1&lt;span class="pinlabel"&gt;1B 100E&lt;/span&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I also have CSS for pinlabel</p>
  
  <pre><code>.pinlabel{
  display: none;
  position: absolute;
  background-color: #3774d5;
  height: 16px;
  width: 200px;
  color: white;
  top: 0px;
  left: 1px;
  font-size: 10px !important;
  border-radius: 10px;
  border: white 2px solid;}
  
  .maptimize_marker_0:hover span.pinlabel {display:block;}
  </code></pre>
  
  <p>But I cant get the Hover state work. If to Force hover state in developer tool in chrome everything works fine, but not working when mouse is over... What am I doing wrong? Also I want to put span Under the div, but the span is always on top and covers the div background picture... Please help!</p>