Container element is completely upside down, which gives it flow from bottom to top.
To make its content look normal, a second rotate is needed.
Hover (or touch) this to rotate it back to normal.
Works in recent Safari, Firefox, Opera & Chrome. Degrades gracefully.
Don't use overflow:scroll/auto on the container — scrolling will be upside-down. Set overflow and max-height:100% on inner element instead.
You probably should use display:table-cell; vertical-align:bottom; instead. Works in IE8 too.