CSS issue with content background

[suzjor]

Ok...so I am finally getting with it and building some of my sites strictly with CSS (always did basic html with tables before). Anyway, in one of my columns I want a certain background image. So when I place the following code:

#insidecontent {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 10pt;
background-image:url(images/body.jpg);
background-repeat:no-repeat;
background-color: #ffffff;
padding-left: 6px;
color: #000000;
margin-top: 0px;
margin-left:0px;
float: right;
width: 660px;
height:550px;
}

The image is perfect but it makes the column a certain height. When I take out the height is doesn't show my complete image. I want the entire image to be in the background - top right. BUT I don't want to specify a height to that column.

I'm attaching a picture of how I want it but I like I said I want the column to be fluid. (it is the bottom left image with the faded tree picture)

[StarLab]

What happens to the height when you put some content in there? (Without the height defined)

The height should expand to show whatever content is there. (Unless you have something elsewhere in your code to restrict this)

[suzjor]

It cuts off the height of my image. So it doesn't show the entire image - only the width of it but not the height which is what has me totally puzzled. hmmm...time to look at the code again.

[suzjor]

OK...I'm such a doofus. That was exactly it StarLab - my sample content wasn't long enough. D'OH! Thanks!!

[StarLab]

Does setting "height: auto;" work? With some content, it should expand out to show the contents.