IE7 - Immagine con spazio extra al fondo.

[Tux7000]

Ciao a tutti, forse sono un po' fuso ma ho un problema che non riesco a risolvere.
Qui posto il codice XHTML

<div id="header">
<div id="logo">
</div>
<div id="scrolling">
[img]immagini/scroll-1.jpg[/img]
</div>
<div class="nofloat"></div>

</div>

E qui il codice CSS

#logo
{
	width: 400px; height: 300px;
	background: #193a6b url("immagini/logo.png") no-repeat top left;
	position: relative;
	float: left;
}

#scrolling
{
	float: right;
	width: 500px;
	height: 300px;
	background: #fff;
}

Succede che con Internet Explorer 7 vedo uno spazio extra tra l'immagine e il bordo del div #scrolling, mentre con Firefox, Opera, ecc.. non capita.

Schermate:


e



Ho provato a dare all'immagine display:block, vertical-align: bottom ma continua a crearmi il problema.
Come posso risolvere?
Grazie in anticipo.