title: Float left not working in Internet Explorer 8
body: <p>At my site <a href="http://familylawact.ca" rel="noreferrer">Family Law Act</a> I am trying to get two horizontal rows of pictures/profiles stacked on top of each other. the top row is for one city, the bottom row of profiles is for another city.  The top row is floated properly, but the bottom row, as you can see, is not floated. Rather the pics are vertically stacked on top of each other. </p>
  
  <p>It works fine in Chrome and Firefox but in Internet Explorer 8 there's this problem. </p>
  
  <p>Any ideas? </p>
  
  <p>CSS</p>
  
  <pre><code>#Vancouver {float:left; display:block; }
  .vancouver {float: left; padding-right: 10px;}
  #New_York {clear:both; float:left; display:block;  margin-top:20px; }
  .newyork {float: left; padding-right: 10px; }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="Vancouver"&gt;
  &lt;div class="headVan"&gt;Vancouver&lt;/div&gt;
  &lt;div class="vancouver a"&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;img src="http://familylawact.ca/wp-content/uploads/2011/11/1.png" alt ="test" /&gt;&lt;/li&gt;
  &lt;li&gt;Tom JErk&lt;/li&gt;
  &lt;li&gt;firm: &lt;/li&gt;
  &lt;li&gt;tel: &lt;/li&gt;
  &lt;li&gt;profile &lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;div class="vancouver b"&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;img src="http://familylawact.ca/wp-content/uploads/2011/11/2.png" alt ="test" /&gt;&lt;/li&gt;
  &lt;li&gt;Sam JErk&lt;/li&gt;
  &lt;li&gt;firm: &lt;/li&gt;
  &lt;li&gt;tel: &lt;/li&gt;
  &lt;li&gt;profile &lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;div class="vancouver c"&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;img src="http://familylawact.ca/wp-content/uploads/2011/11/2.png" alt ="test" /&gt;&lt;/li&gt;
  &lt;li&gt;Sam JErk&lt;/li&gt;
  &lt;li&gt;firm: &lt;/li&gt;
  &lt;li&gt;tel: &lt;/li&gt;
  &lt;li&gt;profile &lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;div class="vancouver d"&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;img src="http://familylawact.ca/wp-content/uploads/2011/11/2.png" alt ="test" /&gt;&lt;/li&gt;
  &lt;li&gt;Sam JErk&lt;/li&gt;
  &lt;li&gt;firm: &lt;/li&gt;
  &lt;li&gt;tel: &lt;/li&gt;
  &lt;li&gt;profile &lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;div class="vancouver e"&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;img src="http://familylawact.ca/wp-content/uploads/2011/11/2.png" alt ="test" /&gt;&lt;/li&gt;
  &lt;li&gt;Sam JErk&lt;/li&gt;
  &lt;li&gt;firm: &lt;/li&gt;
  &lt;li&gt;tel: &lt;/li&gt;
  &lt;li&gt;profile &lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;/div&gt;
  
  &lt;div id="New_York"&gt;
  &lt;div class"headvic"&gt;New York&lt;/div&gt;
  &lt;div class="newyork a"&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;img src="http://familylawact.ca/wp-content/uploads/2011/11/3.png" alt ="test" /&gt;&lt;/li&gt;
  &lt;li&gt;Nat JErk&lt;/li&gt;
  &lt;li&gt;firm: &lt;/li&gt;
  &lt;li&gt;tel: &lt;/li&gt;
  &lt;li&gt;profile &lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div class="newyork b"&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;img src="http://familylawact.ca/wp-content/uploads/2011/11/4.png" alt ="test" /&gt;&lt;/li&gt;
  &lt;li&gt;Jed JErk&lt;/li&gt;
  &lt;li&gt;firm: &lt;/li&gt;
  &lt;li&gt;tel: &lt;/li&gt;
  &lt;li&gt;profile &lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>