Hello, long time no see!

I’m making a layout in which, uhmm, let me just show it.

<div style=“width: 100%”>
<div style=“float:left; width: 33px; background: repeat-y url(images/content_l.png);”><!—no content—></div>
<div style=“float:left; margin-left: 33px; margin-right: 33px; background: white;”>content, blabla</div>
<div style=“float:right; width: 33px; background: repeat-y url(images/content_r.png);”><!—no content—></div>
</div>

Now my problem is that floating div 1 & 3 are background images, (together with the rest of my code which already works, it forms a box with rounded corners) and I want those 2 to have the same height as the 2nd floating div (with the content).

I have absolutely no clue how to do this. It just doesn’t work. So I thought, maybe a fellow-jellyfish would. =)

Okay, good luck ;) and thanks in advance!

Davey.

btw. My layout is here.