chrome плавающие изображения не отображаются должным образом

Question

Я пытаюсь создать элемент управления «Новости» (стиль facebook) для веб-сайта моей группы, но у меня проблема с Google Chrome.

это контроль (я буду писать, что в классе пользовательских WebControl программно добавить элементы управления с C# asp.net)

<div runat="server" id="Div1" style="width:900px; margin-bottom:10px;height:auto"> 
<img runat="server" id="Img1" src="" alt="" style="width:150px;height:250px;float:left"/> 
<h1 runat="server" id="H1" style="color:Silver;margin-bottom:0px">Title</h1> 
<div runat="server" id="Div2" style="color:Silver" align="right">date</div> 
<div runat="server" id="Div3" style="color:Silver;word-wrap:break-word;float:right;width:740px">body body body body body body body body body body body body body body body 
body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body 
body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body 
body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body 
</div> 
</div> 

моя проблема: я получил то, что я хочу с помощью IE, но если я попытаюсь открыть в google chrome, я получил эти изображения (добавив несколько новостей), плавающих рядом друг с другом, сильно переместив весь текст (извините, я не могу опубликовать изображения), что я могу сделать?

спасибо, и извините за мой английский :)

Answer 1

Проблема заключается в том, что внешний DIV не занимает все его содержание. Для этого вы можете использовать clear:both или float:left или overflow:hidden внешнему элементу div.