Float left не работает в Internet Explorer 8

На моем сайте Закон о семейном праве Я пытаюсь получить два горизонтальных ряда картинок/профилей, сложенных друг на друга. верхний ряд - для одного города, нижний ряд профилей - для другого города. Верхний ряд отображается правильно, но нижний ряд, как вы можете видеть, не отображается. Скорее фотографии вертикально сложены друг на друга.

Это работает нормально в Chrome и Firefox, но в Internet Explorer 8 есть эта проблема.

Есть идеи?

CSS

#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; }

HTML

Vancouver



Tom JErk
firm: 
tel: 
profile 






Sam JErk
firm: 
tel: 
profile 






Sam JErk
firm: 
tel: 
profile 






Sam JErk
firm: 
tel: 
profile 






Sam JErk
firm: 
tel: 
profile 






New York



Nat JErk
firm: 
tel: 
profile 





Jed JErk
firm: 
tel: 
profile