+ HTML: bin ich auf dem richtigen Weg? Gestaltung einer Box

[Baba]

Hallo, ich komme ständig an meine Grenzen, was gutes CSS angeht. Ich habe eine bestimmte Vorstellung von der Anzeige von den Nutzerboxen:

Der blaue Kasten soll ein Bild sein, dir drei Striche sollen ein Icon für eine Statistik sein.
Hover aufs Bild vergrößert das Bild (Tooltip).
Hover auf das Icon zeigt eine Statistik (Tooltip).

Jeder Nutzer wird mit so einer Box dargestellt und diese kann man bewegen. Konzept: initial sind die Nutzer in einem div (nennen wir es "Bank") und können gezogen werden in ein div (nennen wir es Basketballplatz).

Ich weiß nun nicht genau, wie ich das mit html und css umsetzen soll. Mein bisheriger Ansatz sieht schon ganz gut aus, leider weiß ich nicht, ob ich das richtig gut mache.

Fragen:

• ich gebe dem ganzen div ein float. Sollte man das anders machen? Meine Gründe:
    * die Box ist aus dem Textfluss genommen und verändert beim initialen draggen von der "Bank" auf den "Court" nicht Fluss der "Bank"
    * die Box ist dadurch nur so breit wie der Name (bei position absolute hatte ich ein Problem mit der Breite, wenn die Box die "Bank" verließ)
• Ist es gut, die ganzen Inhalte des div.player zu floaten?
• wie kann man den Text (Namen) im div vertikal besser zentrieren.
• ist es ok, das img (Bild) so mit negativem Margin nach oben zu zwingen oder würdet ihr das grundsätzlich ganz anders machen?

Liebe Grüße,
und vielen Dank.

Cheers,
Baba