title: Css on IE7 div position incorrect
body: <p><a href="https://i.stack.imgur.com/a9yU9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/a9yU9.png" alt="enter image description here" /></a></p>
  <blockquote>
  <p>Please see the picture above.  I try my best to let [div1] in the
  bottom of [div2] in IE7. but faild.Please help Me.
  Please see the picture above.  I try my best to let [div1] in the
  bottom of [div2] in IE7. but faild.Please help Me.
  Please see the picture above.  I try my best to let [div1] in the
  bottom of [div2] in IE7. but faild.Please help Me.
  </p>
  </blockquote>
  <pre><code>&lt;div style=&quot;margin-bottom: 10px;overflow: hidden;font-size:12px;&quot;&gt;
      &lt;div style=&quot;float:left&quot;&gt;
          &lt;img style=&quot;width: 30px;height: 30px;border-radius: 100%;vertical-align: middle;&quot; src=&quot;http://cdn.5u55.cn/face/u0.jpg&quot;&gt; 
          &lt;div style=&quot;margin-top:2px;font-size:9px;&quot;&gt;name1&lt;/div&gt;
      &lt;/div&gt;
      &lt;strong style=&quot;float: left; border-style: solid; border-width: 10px; border-color: #fff #d4edf4 #fff #fff; height: 0; font-size: 0; width: 0;margin-top:7px;&quot;&gt;&lt;/strong&gt;
      &lt;div&gt;
      &lt;div style=&quot;float:left;display: inline-block;background-color: #d4edf4;position: relative;padding: 10px;line-height: 18px;border-radius: 4px;color: #333;&quot;&gt;
           test test test test test test
      &lt;/div&gt;
      &lt;br clear=&quot;all&quot; /&gt; 
      &lt;div style=&quot;float:left;margin-left:60px;color: #ccc;font-size:9px;&quot;&gt;2016-02-17 22:21:00&lt;/div&gt;
  &lt;/div&gt;
  &lt;br clear=&quot;all&quot; /&gt; 
  &lt;br clear=&quot;all&quot; /&gt; 
  &lt;div style=&quot;margin-bottom: 10px;overflow: hidden;font-size:12px;&quot;&gt;
      &lt;div style=&quot;float:right;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-direction: row;-webkit-box-pack: end;justify-content: flex-end;padding: 5px;&quot;&gt;
          &lt;img style=&quot;width: 30px;height: 30px;border-radius: 100%;vertical-align: middle;&quot; alt=&quot;&quot; src=&quot;http://cdn.5u55.cn/face/u0.jpg&quot;&gt;
          &lt;div style=&quot;margin-top:2px;font-size:9px;&quot;&gt;name2&lt;/div&gt;
      &lt;/div&gt;
      &lt;strong style=&quot;float: right; border-style: solid; border-width: 10px; border-color: #fff  #fff #fff #f1ddde ; height: 0; font-size: 0; width: 0;margin-top:10px;margin-left:-1px;&quot;&gt;&lt;/strong&gt;
      &lt;div style=&quot;float:right;background-color: #f1ddde;position: relative;padding: 10px;line-height: 18px;margin-left:42px;color: #333;&quot;&gt;
         dadasd
      &lt;/div&gt;
      &lt;br clear=&quot;all&quot; /&gt; 
      &lt;div style=&quot;float:right;color: #ccc;font-size:9px;margin-right:58px;&quot;&gt;2016-02-17 22:21:00&lt;/div&gt;
  &lt;/div&gt;
  &lt;br clear=&quot;all&quot; /&gt; 
  &lt;br clear=&quot;all&quot; /&gt; 
  &lt;div style=&quot;text-align: center;width: 100%;margin: 5px auto;font-size: 10px;margin:0 20px 10px;&quot;&gt;
      &lt;p style=&quot;color:red;background-color: lightGrey;padding: 5px 10px;border-radius: 5px;&quot;&gt;thanks&lt;/p&gt;
  &lt;/div&gt;
  &lt;/html&gt;
  </code></pre>