title: z-index not working with image and p tag
body: <p>i have an image and a  paragraph on a html page.</p>
  
  <p>the code is as follows:-</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;style&gt;
  img
  {
  position:absolute;
  left:0px;
  top:0px;
  background-color:red;
  z-index:1;
  }
  
  p
  {
  z-index:2;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;h1&gt;This is a heading&lt;/h1&gt;
  &lt;img src="w3css.gif" width="100" height="140" /&gt;
  &lt;p&gt;This is a sample paragraph for z-index testing&lt;/p&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>here when is put z-index for image lesser than p tag then also it appears above p tag.</p>
  
  <p>can anyone tell me why z-index in not working in my case???
  thanks in advance</p>