auでdivタグ利用時に、ホワイトスペースができてしまう場合の対策

携帯サイト開発

社内ブログで書こうと考えていたのですが、ボツになりそうなので、ここに記載。
auの携帯でサイトを見ようとすると、機種によってdivタグの間にホワイトスペースが表示される場合があります。
具体的に言うと、

<div>  
  <div style="background-color: rgb(255, 102, 0);">  
      箱1  
  </div>  
  <div style="background-color: rgb(255, 153, 0);">  
      箱2  
  </div>  
  <div style="background-color: rgb(255, 204, 0);">  
      箱3  
   </div>  
   <div style="background-color: rgb(255, 255, 0);">  
      箱4  
   </div>  
 </div>

上記のHTMLだと、箱1と箱2, 箱2と箱3, 箱3と箱4の間にホワイトスペースが発生します。
で、下記のHTMLだとホワイトスペースは発生しない。

<div>  
     <div style="background-color: rgb(255, 102, 0);">  
         箱1  
     <div style="background-color: rgb(255, 153, 0);">  
         箱2  
     <div style="background-color: rgb(255, 204, 0);">  
         箱3  
     <div style="background-color: rgb(255, 255, 0);">  
         箱4  
      </div>  
</div></div></div></div>

ちょっとしたtipsです。