Weird Behavior For A DIV With CSS Fixed Position

Hi guys,

I just ran into this problem:

A parent div with -webkit-transform: translate3d(0, 0, 0) in its CSS.
Apparently, this is a known source of potential mayhem in child elements with position: fixed.

They won’t size to fit the whole window. The will size to fit their parent! Big boo-boo.

The solution was to append it to the page body element and use ID-s for each of them.