BLOCKQUOTE hat Innen-, aber keinen Außenabstand

Folgendes Problem: Manchmal veröffentliche ich Beiträge, bei denen ich rechts (class alignright) ein kleines Bild anordne. Ich scheine aber irgendwie mein <blockquote>-CSS ungut formuliert zu haben. Wenn ein <blockquote> auf eines dieser Bilder trifft, sieht das zum Beispiel so aus:

[Blockierte Grafik: http://img1.uploadscreenshot.com/images/orig/10/27509204465-orig.png]

Offenbar scheißt der Rahmen des <blockquote> auf das rechts floatende Bild. Mein <blockquote>-CSS:

.post blockquote, .post q {
	padding:5px 8px 0px 8px;
        margin-left:1em;
	border:2px solid #ccc;
	/*font-size:0.9em;*/
	background-color:#f8f8f8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

Wo liegt der Fehler?

*nach oben schieb*

Konkretes Beispiel:
http://tuxproject.de/blog/2013/01/k…che-demokratie/

Bei mir floatet das Bild rechts direkt ins erste Blockquote rein. WTF?

Nachtrag, Problem gelöst. Im BLOCKQUOTE fehlte:

overflow:hidden

Falls noch wer das Problem hat.

(Lösung hier gefunden.)

Zitat von koslowski

Das ist kein Fehler sondern ein standardkonformes, richtiges Verhalten.
Statische Elemente erstrecken sich auch unter dem Float, nur der Text weicht dem Float aus. ;)

edit. Elemente mit overflow:hidden bilden einen eigenen Block Formatting Context , deshalb klappt das (ginge auch mit Float z.B.)

Ah, besten Dank für die Erläuterung! :) Stecke in den theoretischen Konzepten weniger gut drin als in der Umsetzung.