のdivを水平Firefoxで表示されますが（間違って）垂直Firefoxバージョン10ではIE9

Question

に積層されて、11の以下のdivは、私が欲しいのように見える - 水平に左から右へ、：

.containerForListStyles 
    { 
     width: 100%; 
     margin: 0 auto; 
     display:inline-block; 
    } 

    .listStyle1 
    { 
     font-family: Arial, sans-serif; 
     display:inline-block; 
     width: 250px; 
     margin-right: 5px; 
     margin-left: 3%; 
    } 

    .listStyle2 
    { 
     font-family: Arial, sans-serif; 
     display:inline-block; 
     width: 250px; 
     margin-left: 5px; 
     margin-right: 3%; 
    } 

    <div class="containerForListStyles"> 
     <a href="www.oursite.com"><img src="www.oursite.com/images/logo-landing2.png"</img></a> 
     <div class="listStyle1"> 
       This is the center div's text 
     </div> 
     <div class="listStyle2">  
       This is the right side text... 
     </div> 
    </div> 

のFirefoxで画像が左にある場合は、listStyle1 divが右になり、listStyle2 divが右になります。すべて同じ行にあります。

IE9では、3つの要素（画像アンカー、div1とdiv2）が縦に並べられます。

私はインラインブロックとIEのトラブルについていくつかのSOの投稿を調べましたが、投稿すべてが「IE8以前」または「IE7以前」に問題があると言っていました。

IE9がこれらの3つのdivの水平左/中央/右レイアウトを表示するように変更する必要があるのは何ですか？ IE9が 'インラインブロック'を無視するようです。

注：私のAndroidスマートフォン（HTC Evo）は、Firefoxと同じ水平レイアウトを正しく示しています。

Answer 1

なぜ要素を浮かべてみませんか？