IE7で画像を横に並べて整列できない

2つの画像を並べて整列しようとしています。 IE8 +とFFでは、それらは正しく整列します。 Internet Explorer 7では、イメージ＃1と＃2を含む左のdivをどれだけ小さくしても、イメージ＃3はプッシュダウンされます。IE7で画像を横に並べて整列できない

jsFiddle：http://jsfiddle.net/bD87z/4/

<div style="width: 490px; padding-left: 15px; padding-right: 15px; background-color: #000; padding-bottom: 10px; "> 
    <div id="header"> 
     <div id="imageLeftContainer"> 
     <div id="image1" style=""></div> 
     <div style="margin-top: 7px;"> 
     <a href="http://www.google.com" target="_blank" style="text-decoration: none;"><img src="http://i40.tinypic.com/a40ntg.png" style="margin: 0; padding: 0; border: none;" /></a> 
     </div> 
    </div> 
    <a href="http://www.google.com" target="_blank" style="text-decoration: none;"><img id="image3" src="http://i41.tinypic.com/n5mzxi.png" /></a> 
    </div> 
</div>

CSS：

#header 
{ 
clear: both;  
} 

#imageLeftContainer 
{ 
width: 292px; 
display: inline-block; 
margin: 0; 
padding: 0; 
margin-top: 20px; 
zoom:1; 
*display: inline; 
_height: 100%;   
} 

#image1 
{ 
width: 292px; 
height: 64px; 
margin: 0; 
padding: 0; 
margin-top: 5px; 
background: url(http://i40.tinypic.com/2z8w4uc.png); 
} 

#image3 
{ 
float: right; 
width: 185px; 
height: 108px; 
margin: 0; 
padding: 0; 
margin-top: 15px; 
border: none; 
}

出典

2012-02-27 Luke Shaheen

そして今、あなたの完全に台無しにコードをフォローアップするための気分と忍耐を持っている人を教えてください。まず、何かをhtmlで分割して読んで読んで、それからCSSを出してから、話すことができます。 –

これらのインラインスタイルは私の目を溶かしています。 – JKirchartz

私の謝罪 - 私は今jsFiddle @SvenBiederを更新しました。 –