Webkit position:fixed;broken with transform translateZ

http://stackoverflow.com/questions/2637058/positions-fixed-doesnt-work-when-using-webkit-transform

by molokoloco

HTML

<div id="fixedYellow">Scroll to check if Fixed ?</div>

<a href="http://stackoverflow.com/questions/2637058/positions-fixed-doesnt-work-when-using-webkit-transform">http://stackoverflow.com/questions/2637058/positions-fixed-doesnt-work-when-using-webkit-transform</a><br />
<br />
<a href="http://meyerweb.com/eric/thoughts/2011/09/12/un-fixing-fixed-elements-with-css-transforms/">http://meyerweb.com/eric/thoughts/2011/09/12/un-fixing-fixed-elements-with-css-transforms/</a><br />

CSS

body {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    height:2000px;
    font:12px arial;
}

#fixedYellow {
    position:fixed; /* Webkit : Not working with transform */
    left:150px;
    top:150px;
    width:80px;
    height:80px;
    background:yellow;
}