nur einen bestimmten bereich eines divs anzeigen

[joextra]

hi,

ich habe folgendes problem. ich habe eine liste in einem div. im normalen zustand soll nur ein teil angezeigt werden und bei klick alles. soweit so gut, das problem ist aber, das das div transparent sein muss damit man den hg sehen kann. wenn ich dem div eine größe gebe, wird ja trotzdem alles angezeigt. gibt es eine möglichkeit das zu unterbinden? das also nur das angezeigt wird was im height steht und der rest abgeschnitten wird?
es sind im prinzip drei verschachtelte divs. der umschießende div (der mit der max-heigt), zwei weitere divs darin wo der content ausgegeben wird.
wenn ich overflow:hidden angeben, wird in den contentdivs, bei jeder zeile buchstaben wie g unten abgeschnitten.

[webcreate]

Wie wäre es, den Inhalt via JS zu ändern?

[joextra]

mittlerweile habe ich des problem gelöst, und schon kommt das nächste. ich ändere bei jeden div die hg farbe je nach onmouseover und onmouseout. beim ff gibts keine probleme, nur der ie färbt den hg nur, wenn man über einen text geht (siehe bild zur unterstützung). die hg farbe soll aber geändert werden, wenn man mit der maus über den div fährt (nicht nur über den text). wie bringe ich nun den ie dazu?

der code:

<div class="tableRow" onmouseover="changeRowAppearance('#FFFFFF', '#14256B', '<?echo $idName.$ct;?>');"
onmouseout="changeRowAppearance('transparent', '#FFFFFF', '<?echo $idName.$ct;?>');" id="<?echo $idName.$ct;?>">
<span class="rowText" id="span<?echo $idName.$ct;?>">
<img src="http://www.traum-projekt.com/forum/images/transparent.gif" height="1" width="19" style="vertical-align:middle;" />
<?echo $rowHeadline;?>
</span>
</div>

das css dazu:

.tableRow {
	width:747px;
	height:17px;
	cursor:pointer;
}

.rowText {
	height:15px;
	font-size:11px;
	font-weight:900;
	color: #FFFFFF;
	vertical-align:top;
}

seht ihr da einen fehler?

[webcreate]

display:block schon getestet?

[joextra]

jep, tut leider auch nicht

[joextra]

sonst keiner eine ahnung an was es liegen könnte?

[joextra]

vielleicht hier noch das js:

function changeRowAppearance(bgColor, fontColor, idName) {
	document.getElementById(idName).style.backgroundColor = bgColor;
	document.getElementById('span' + idName).style.color = fontColor;
}

[joextra]

habs geschaft. ich habe einfach im .tableRow einen transparenten hg gesetzt, und damit besteht das problem nicht mehr