Image dans un div

Bonjour,

J'aimerais placer un logo dans un div header par exemple.
J'ai donc dans mon HTML

<div id="header"> 
<div id="logo"></div> 
</div>

Le bloc header fait 800 de large pour 200 de haut par exemple. Et mon logo 50x50.

J'ai fait dans mon CSS

#logo 
{ 
 height: 50px; 
 width: 50px; 
 background-image: url(img/logo.png); 
 float: right; 
}

Mais le div logo n'apparaît pas... y'a juste un bout d'image lorsque j'écris quelque chose dans mon div logo. J'arrive pas à saisir d'où ça peut venir d'autant que j'ai d'autres blocs qui ont exactement les mêmes propriétés mais qui eux s'affichent très bien !

J'ai loupé quelque chose ?
Merci pour votre aide. Et n'hésitez pas à me demander plus de codes si vous en avez besoin.