title: How to write a H1 over an image?
body: <p>I need to write a text in an heading tag over an image, I get a strange problem, take a look ad the image above.</p>
  
  <p><img src="https://i.stack.imgur.com/6bHf7.jpg" alt="enter image description here"></p>
  
  <p>The css code is:</p>
  
  <pre><code>#header h1 {
      position: absolute; 
      height:19px;       
      top:105px;
      /*background-color:#OC3183;*/
      background-color:green;     
      z-index: 10000;             
      font-family: Verdana, Arial, san-serif;
      padding: 2px;
      margin-left: 26px;
      padding-left: 1px;                                             
      font-size: 12px;
      color: #FFFFFF;            
  }  
  </code></pre>
  
  <p>as you cann see if i put the green i correctly obscure the white line below, If i use the same color (navy) I see that line.... why?</p>