Positionner une image en CSS

Bonjour,

voila je débute en CSS et je rencontre une difficulté : J'ai insérer une image et je n'arrive pas à la positionner en haut à gauche dans mon header comme je le souhaite. Aidez moi s'il vous plaît. Voici mon code;

Voici le html :

<header>
<div id="titre_principal">
<img src="geek.jpg" alt="Logo de Geekor" id="logo" />
<h1>Geekor</h1>
</div>
</header>


et voici le CSS :

#logo
{
width: 10cm;
height: 5cm;
background-position: top left;

}

header
{
background-color: black;
}



Merci :)