Höhe des umschließenden Div passt sich nicht der Höhe der Beiträge/des Contents an!

Wie gesagt:
folgender Aufbau (schematisch):

<div>oberes content begrenzendes Bild</div

<div style="height:auto; background-image:url(bild);">

der loop, also die Beitäge, Content

</div>

<div>unteres content begrenzendes Bild</div>

____________

Das umschließende div tag des contents nimmt einfach nicht die höhe der beiträge an, d.h. der content ragt immer weit über das untere div hinaus.

Hoffe ihr versteht das problem!

Wie bekomme ich das denn bloß hin, helft mir bitte!

Danke

Macmoritz

update:

habe nun hinbekommen, dass sich die höhe anpasst, indem ich nach dem content, der float:left hat mit clear:both aufgelöst habe! :-)

--> Problem:

Jetzt bekomme ich keinen Background des umschließenden tags angezeigt!

d.h. ein tag paar das um das ganze drum rum liegt, bekommt die höhe nicht

style:

#contentframe {
position:relative;
align:center;
margin-top:-2px;
width:783px;
height:auto;
background-image:url(contentbg.png);
}

#content {
position:relative;
width:500px;
height:auto;
float:left;
margin-left:34px;
margin-top:-14px;
}

#right {
position:relative;
display:block;
float:left;
width:220px;
height:auto;
margin-top:-14px;
margin-left:4px;
}

Aufbau:

<div id="contentframe">
<div id="content">

wordpress loop - Beiträge

</div>

<!-- weiteres div, tut das was zur sache?! -->
<div id="right"></div>

</div>

Was mache ich falsch?

Juhuu, es hat funktioniert! Bin dir überaus dankbar!
Weiß nicht ob ich da selbst drauf gekommen wär...

Das ist echt super wie komoetent und schnell einem hier geholfen wird, ich komm wieder :-D

Habe alles gelöst, vielen Dank!