BOXES (No More Tables for page layout!)

This is the tan Layout2_1 box,
which has a set height of 700px.

The width is of this box and the other add to 100%....
which, it seems on my iPhone is only half the horizontal ...

I DO NOT YET KNOW WHY
.Layout2_1{ width:30%; background-color:Tan; height:700px; float:left;}

gray Layout2_2 box, set height of 700px.

The width is of this box and the other add to 100%....
which, it seems on my iPhone is only half the horizontal ...

I DO NOT YET KNOW WHY

.Layout2_2{ width:70%; background-color:gray; float:left; height:700px;}