jquery and css issues on android

The effect on this page of my wordpress site:

http://op.ksqdesign.com/frontend/html-email

is going to be a bunch of email examples that scroll up and down using the vertical row of buttons on the left. The weird colours are temporary so I can identify the CSS size and positioning of the individual DIVs just for now. I want to solve the functionality and layout issues on Android before I make it pretty. It all seems to be working fine on PC and Mac browsers.

BUT the whole CSS layout is breaking on my android – Galaxy Note – and the jQuery scroll / toggle effect does not work when clicking on the top left button / graphic. On android the search field is a purple horizontal strip running right across the page. The email (which is an iFrame) is pushed down and to the right. And the buttons run horizontal and not vertical.

Before I jump into CSS and jQuery for mobile, I’d be very grateful for any shoves in the right direction.

Many thanks.

InFlight