div 문제좀 봐주세요.

<div>
    <div style="float:left;width:49.4%;">aa</div>
    <div style="float:left;width:7px;"></div>

     <div style="float:left;width:49.4%;">bb</div>    

    <div style='margin-top:5px;'>

    <div style="float:left;width:49.4%;">cc</div>
    <div style="float:left;width:7px;"></div>
    <div style="float:left;width:49.4%;">dd</div>   
  </div>

익스플로러에서는 위의 빨간색 부분이 잘 적용되는데, 크롬에서는 무시하고 위로 딱 붙고, 옆으로 딱 붙어 버리네요..

도움 좀 부탁드립니다.