Beat: Block-Link (a / display:block) wird nicht richtig umrandet

Beitrag lesen

Es soll der gesamte Blockbereich eingerahmt (border / 1px) werden - genauso wie der gepunktete Rand (zumindest zeigt der FF einen gepunkteten Rand), solange man die linke Maustaste auf einem der Bilder gedrückt hält.
Stattdessen sorgt das "float:left" dafür, dass nur der Text selbst umrandet wird und das Bild aus dem Block (nach unten hin) hinausragt.
Wie bringe ich das Bild wieder in den Block hinein?

Ich nehme den folgenden Psyeudocode, der dein Anliegen verdeutlicht.

<block>
  <float>  ... </float>
  <content> ... </content>
<block>

Es gibt nun zwei Möglichkeiten.
a) zusätzliches Markup:

<block>
  <float>  ... </float>
  <content> ... </content>
  <br class="clear">
<block>

br.clear{clear:both; display:block; height:0;}

b) mit Pseudoelement

block:after{display:block; clear:both; content:' '; height:0;}

mfg Beat

--
><o(((°>           ><o(((°>
   <°)))o><                     ><o(((°>o
Der Valigator leibt diese Fische