dynamic div height

Hi!

I have a layout problem on my page. I have a Everything Div and two Divs inside Everything Div. LeftSidePart div and TextPart div. My code looks something like this:

[code=html]
<div class=”Everything”>
<div class=”LeftSidePart”>
**Verticaly Stretching swf file here**
</div>
<div class=”TextPart”>
very long text in here
</div>
</div
[/code]

layout.css:

[CODE]
.Everything {
border: thin black solid;
width: 800px;
float: left;/*because i have another div on the right…*/
display: inline;
}

.LeftSidePart {
border: thin red solid;
width: 20px;
height: inherit;
float: left;
}

.TextPart {
border: thin blue solid;
width: 780px;
height: auto;
}
[/CODE]

I would like to have LeftSidePart div and TextPart div side by side, with the same height. The problem is, that i don’t have a static height. Height is “defined” by the length of the text in TextPart div.

In other words: I would like to stretch LeftSidePart div as much as TextPart div is stretched by content(text) inside. So if have a few pages long text(on the right, i would like to have swf file stretched all along that text.

Any suggestions on how to solve this problem?

Also in #CSS _↴