title: gap in percentage based layout
body: <p>I'm having a problem with percentage based layout. Here is my code <a href="http://jsfiddle.net/uHkXH/" rel="nofollow">http://jsfiddle.net/uHkXH/</a></p>
  
  <p>If your are using Safari or Opera on Mac, or IE7 on Windows, or iPhone iPad you will see a gap on the right side. But the width, padding and margin of four boxes should be 100% in total. I cannot understand why there is still a gap.</p>
  
  <p>Does anyone can explain this problem and help me to solve it? Thank you very much indeed!</p>