Div-Positionierung in mit % gefloatetem Div

[e|vo]

Schönen Abend zusammen!

Ich habe mich etwas mit meiner Div-Verschachtelung verzettelt und finde keinen Ausweg. Ich habe mehrere Divs die via float nebeneinander stehen und prozentuelle Breite haben. Außerdem sind sie mit text-align:center ausgestattet.
Und darin dürfte auch das Problem liegen.
Ich möchte eine weitere Graphik in die Box der eigentlichen Inhaltsgraphik geben, die dort an einem festen Platz zum eigentlichen Inhalt stehenbleibt. Das macht sie aber nicht.
Zur Zeit bin ich bei folgendem Ausgangspunkt, wobei ich es auch schon mit einer absoluten Positionierung des "star-divs" innerhalb des 2. das k beinhaltende div versucht habe.
Ich weiß das klingt jetzt nicht sonderlich einleuchtend, doch
die Seite ist verlinkt.

Hier noch der (mit der Seite identische) Beispielcode:

body { background:#F3CE88; margin:0; padding:0; }
img.k, img.h { width:105px; height:105px; }
.k-box, .h-box { width:12%; height:105px; text-align:center; }

<div class="k-box" style="float:left;"><div style="z-index:4;"><img class="k" src="k.png" alt="" /></div><div style="position:relative; top:-105px; left:0px; z-index:3;"><img src="star.gif" alt="" width="25" height="25" /></div></div>
<div class="h-box" style="float:left;"><img class="h" src="h.png" alt="" /></div>

Vielen Dank für Eure Mühe!