ブラウザ - YUIグリッド（Firefox + Opera）を使用したCSSでのイメージアライメントとの非互換性

Question

私の一時的なウェブサイト（http://www.rotimioyewole.com）のフッターにある2つのイメージのアライメントに問題があります。私はYUIグリッドには新しく、これは要素かもしれないと思う。

それは大体この（まだIEをテストしていませんが、ChromeとSafariで正常に動作する）のようになります。 （http://cl.ly/44fH）

しかし、FFとオペラに次のようになり： http://cl.ly/44aO

もし私がある種の一貫性を持つことができれば、ウェブサイトは少なくとも提示可能であろう。理想的には、両方の画像を同じY軸上に整列させ、アイコンの隣のテキストも整列させたいと考えています。誰かが私を助けることができる解決策を探す方法を見つけ出すことができませんでしたか？事前

Answer 1

で

おかげでこれは非常に少なくともFirefoxで問題を修正する必要があり、次の

#footer h4 
{ 
text-align:left; 
//remove margin-left: 10px; 
} 

.icon { 
float:left; 
padding-right: 5px; 
vertical-align: middle; 
//remove position: absolute; 
} 

#contact { 
text-align: left; 
} 

を追加します。