Responsive website on iPhone - unwanted white space on rotate from landscape to portrait

Question

I am creating a responsive website, and have just noticed a strange behaviour in my content pages when viewed on the iPhone. It scales correctly when loaded in portrait mode

Answer 1

SOLVED ¡¡

Since installing protostar joomla template 3.X and start adding content in the module K2 I noticed that annoying scroll with a blank space on the right side, visible especially in iphones.

A correct partial answer was gave for Eva Marie Rasmussen, adding to the body tag in the file template.css these values:

width: auto;
overflow-x: hidden;

But this solution is only partial. Search div class or label that is causing this problem and once detected add to that class in the file templete.css the same values:

width: auto;
overflow-x: hidden;

In my case add to the class "span" these two lines to finally look like this:

[Class * = "span"] {
float: left;
min-height: 1px;
margin-left: 20px;
width: auto;
overflow-x: hidden;

And it´s working now¡¡