title: Text over image working fine in firefox but not in chrome
body: <p>I'm trying to add some text over an image. I've set the position of the image to <em>relative</em> and the position of the text is <em>absolute</em>. It's working completely fine in Firefox but not in Chrome. </p>
  
  <p>All I see in Chrome is an image. </p>
  
  <p>Can anybody help me out in this ?  </p>
  
  <p>My code:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;p class="call text-right hidden-xs tel"&gt;
      &lt;a href="tel:+18003787566" style="position:absolute; top:300px; left:875px; padding:6px; background-color:#292D30; font-size:26px; padding-left: 100px; padding-right: 127px;"&gt;Call: 1-800-378-7566&lt;/a&gt;
  &lt;/p&gt; 
  &lt;img src="img/slider/slider01.jpg" alt="" title="" style="margin-top:-28px; position:relative;" /&gt;
  </code></pre>