Logo Einfügen in Twenty Eleven

Hallo Forum, ich weiß das Thema gibt es schon, aber ich habe jetzt nach der Methode "try and error" gearbeitet und brächte mal einen Rat. Ich möchte ein Logo in den Header des Twenty Eleven Templates einfügen, dort wo normalerweise der Blog Titel und die Beschreibung stehen. Dazu habe ich erstmal diesen Code verwendet:

<style type="text/css">
#robot{
 background-image: url(mrrobot.gif);
 width: 182px;
 height: 90px;
}
</style>


<div id="robot">&thinsp;</div>

Dabei wird das Logo aber nur ober oder unterhalb des gewünschten Bereichs hinzugefügt und nicht in den bestehenden Bereich übernommen. Das liegt wahrscheinlich an dem <div> Tag in meinem Code. Kann mir vielleicht jemand schreiben, wie ich den Code umwandeln muss?

Ich habe es selbst herausgefunden. Es gibt in HTML 5 einen Befehl, der heißt <hgroup>. In diesem Tag ist der php Code für den Header des Templates eingeschlossen. Den habe ich auskommentiert und dafür meinen Codeblock eingesetzt, und es funktioniert.

<style type="text/css">
.robot{
 background-image: url(wp-content/uploads/2011/07/Logo182dpi.png);
 width: 182px;
 height: 95px;
 margin-left:10%;
}
</style>


<p class="robot">&thinsp;</p>

Vielen Dank, Gruß deltay