mobile webapp CSS breaks on orientation change

Question

The CSS for my webapp gets completely misaligned when the mobile device is rotated to landscape (target devices are iphone and android). I tried using the javascript solution explained here in order to get my app to switch between a portrait.css and a landscape.css file on orientation change, but that still didn't work. It even messed up the portrait.css once they were both posted to the live server (although it worked on my local machine).

The url for the app is http://mobile.geekstats.com/

Does anyone know how I can fix the landscape css? Thanks!

Answer 1

Is this fixed? I can't see a problem on my Milestone.

On a different note, it's quite annoying that the site scrolls back down if you want to scroll up to get to the URL-bar.