I am having a similar problem and would greatly appreciate any advice from someone who can help. I have two sites using a child theme of 2011:
Both sites appear just fine on IE, Firefox, Safari on laptops / computer monitors. However, on the iPhone, it appears as though the div #secondary (which contains the widgets on the right) gets pushed under the div #content (which contains the posts).
It seems this is because there isn't enough room for the two to float next to each other (#secondary is set to float:right on the stylesheet). I've tried to change the default width's from the %s to px sizes and make it fit that way, and it still doesn't seem to work.
I tried searching for other people who have had this issue and this is the only post I could find which kind of shocked me, because I figured this would be a common problem people were having. If anyone could help, I would greatly appreciate it. Here are the links to the stylesheets: