title: z-index working in IE and not in Edge
body: <p>I have a div having a css class attached to it which has z-index    defined. This was working fine for chrome and firefox but not for IE.    I had to put position:relative with IE. But the same approach does    not work with edge. Nothing is working for Edge.</p>
  
  <p>I have something like a button which when click two elements open, one overlapping the other. The one i want to be on top has z-index 50 and the other one has 20.</p>
  
  <p>Do i need to add some other property alongside z-index to get i working on edge?</p>
  
  <pre><code>&lt;div class="abc"&gt;
  ...
  &lt;/div&gt;
  
  .abc{
  z-index: 10;
  }
  </code></pre>
  
  <p>I am having problem with just edge.</p>