title: -webkit-transform: rotate - hides elements on top
body: <p>I'm using <code>-webkit-transform: rotate(40 deg)</code> and it seems that the rotated element is hiding parts of elements which are on top ( <strong>not children</strong> ) of the rotated one.</p>
  
  <p>I created a jsFiddle <a href="http://jsfiddle.net/Vzw8T/" rel="nofollow">here</a> with the code, since it will be easier to demonstrate.</p>
  
  <p>Probably this is because the rotated element hides parts of other elements, but I don't want this effect. How can I fix that?</p>
  
  <p>I used <code>z-index</code> but it doesn't help!</p>