Bild bleibt nicht im div verschiebt sich darüber

[aossi]

Hallo Leute!

Erstmals danke für eure Hilfe! Finde es toll wenn ihr mir helft (voriges Problem). So nun habe ich nun wieder ein Problem. Und zwar habe ich ein Bild eingefügt, dieses verschiebt sich aber über ein div, bzw es bleibt nicht im div. Wie könnte man dies lösen. Hier der Link zum BSP: Gemeinde Eschenau Template: Bürgermeister Alois Kaiser
Meine 2te Frage ist nun warum wird das css von dem Bild so aufgeblasen und wo kann ich dieses ändern?! Hier ein BSP:

<div class="csc-textpic csc-textpic-intext-left">
<div class="csc-textpic-imagewrap">
<dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:300px;"><dt>
<img src="typo3temp/pics/0c9095ec8d.jpg" width="300" height="225" border="0" alt="" /></dt></dl></div>

Ich danke euch für die Hilfe!

LG, Alex

[etux]

Hast Du die default Styles ausgeschaltet? Steht in Deinem TS-Setup so was wie:
plugin .tx_cssstyledcontent._CSS_DEFAULT_STYLE >

[etux]

Bzw.: So wie Du das jetzt stehen hast, brauchst Du Deine CSS-Regeln um Folgendes ergänzen:

div.csc-textpic:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

/* NUR FÜR DIE IEs */
div.csc-textpic {
	display: inline-block;
}
* html div.csc-textpic {
	height: 1%;
}
div.csc-textpic {
	display: block;
}

Dein div.inhalt rutscht unter ul#nav, da der Float von div#nav nicht beendet (eingeschlossen) wird. Brauchst Du also noch:

div.inhalt {
	clear: left;
	width: 100%;
}