Fixed position div isn’t staying fixed in Chrome

By Forrest Smith - Drempd.com

I was working on a little menu specifically for mobile devices.   It was intended that this menu stay fixed at the bottom of the screen.  It usually worked, but in some instances in chrome, it would be thrown all the way to the bottom of the document, not the bottom of the window.  It looks like there are a few chrome bugs out their related to fixed positioning.  A lot of were related to the css transform property.  I removed all of those on the div, but still had the issue.  As it turns out, it seems like if any element is wider than the browser window (ie. adds a horizontal scrollbar), it will cause the fixed position div to be placed at the bottom of the document.