CSS blir olika på IE och FF

Hej,

I denna kod nedan så blir det inte rätt i IE 8, loggan hamnar för långt ner och jag fattar inte varför, men i Firefox ser loggan bra ut, den ligger i höjd med bakgrunden, skulle behöva hjälp med att förstå varför, se bifogad fil.

<!-- logo-container -->
<div id="logo-container">
<div id="money-bg" class="clear-block">
<div id="logo-no-padding">	 
<div id="logo-picture">
<a href="/" title="Hem"><img src="images/logo.png" alt="Hem" /></a>           </div>
</div>
</div>
</div>
<!-- /logo-container -->

Och här är CSS-koden:

#logo-container{border-top:1px solid #000; padding-top:3px; margin-bottom:3px; }
#money-bg{background:transparent url("images/header-image.jpg") repeat right top;}
#logo-picture{float:left; padding-right:15px; }
#logo-picture img{display:block;}