[CSS] Float lukt niet

[Beatboxx]

Ik ben bezig met een website. In de header moet links de h1 tekst staan, en rechts een logo. Ik dacht aan simpel deze structuur

code:

<div class="header">
<div class="title">
<h1>Title</h1>
</div>
<div class="logo">
img
</div>
</div>

En dan de div title links en logo rechts laten floaten. Dat lukt echter niet, zie ook jsfiddle: http://jsfiddle.net/F6AMj/3/
Zodra ik het logo rechts laat floaten schiet de hele opmaak door de war. Iemand een idee hoe dit komt?

[RobIII]

Ik zal je wel verkeerd begrijpen, maar doe je niet heeeeeel moeilijk met allerlei div's en een crapload aan CSS om niks?

http://jsfiddle.net/e2dGB/1/

HTML:

<h1><img src="http://gathering.tweakers.net/global/smileys/confused.gif">Foo</h1>

Cascading Stylesheet:

h1 img { float:right; }

[ Voor 50% gewijzigd door RobIII op 25-10-2012 18:08 ]

[Beatboxx]

Volgens mij zegt de tekst boven mn profielfoto genoeg

Dat was zeker de oplossing, thanks!