title: How to suspress the position: relative when using translate
body: <p>it seems that using <code>transform: translateY(1px);</code> also causes the element to gain an extra <code>position: relative;</code>-behaviour.</p>
  
  <p>Is there a way to suspress this?</p>
  
  <p>Here is a example <a href="http://codepen.io/anon/pen/MYqPaK" rel="noreferrer">on codepen.io</a>.</p>
  
  <p>I would like to position the whitebox absolutely to the green one, not the parent (red) one.</p>