EDIT: problem solved, link removed. I forgot to float a column...
---
...I have a sidebar, and two right columns connected by a border. The sidebar uses boxes with rounded corners, created by some javascript files.

My problem is that the first sidebar box (with the text "logo here") stretches to the bottom of the right columns. Then the rest of the sidebar boxes are below those columns. I want it to only take up the size of the content, as with the other sidebar boxes... how do I do this? I've tried for hours and can't come up with anything. Please let me know if I need to be more clear...

Any suggestions, tips, etc. all very much appreciated. Thanks.

As I understand your problem........

#left
     {float:left;
     width:whatever here;
     }
   
#right
     {float:right;
     width:whatever width;}

#center
     {margin-left:Total left column width;
     margin-right:total right column width;
     width:amount left over;}

Hope this helps.

OK also, to get them all equal lengths.....maybe use a "min-height" line in there.

Ah, thank you very much, problem solved... I can't believe I forgot to add "float:left;" to the left column and missed that mistake for so long.

I will try to be more careful in the future .