title: Translate3d parent covers position: absolute child
body: <p>I am attempting to add a new element to a list where the list items are all positioned using <code>translate3d</code>. The thing I am attempting to add is a dropdown menu that I'm styling with <code>position: absolute</code> but the parent elements are all laying on top because of the <code>translate3d</code>. Can this be fixed? z-index seems to have zero impact.</p>
  
  <p>Here is a fiddle showing the basic positioning problem:
  <s><a href="http://jsfiddle.net/etb4f0x4/" rel="nofollow noreferrer">http://jsfiddle.net/etb4f0x4/</a></s></p>
  
  <p>Assuming I can't touch the styling of the <code>.list</code> items can I fix the <code>.dropdown</code> items?</p>
  
  <p>edit: new fiddle --> <a href="https://jsfiddle.net/w8ra5qbe/" rel="nofollow noreferrer">https://jsfiddle.net/w8ra5qbe/</a></p>