Div won't auto expand with content inside it

[EchoFool]

Hey

 

I currently have a few divs with one in particular being a pain.

 

It will not expand if i put text within the div boundries...

 

 

 

This is my css and html:

 

#logodiv{
margin: 0 auto 0 auto; 
width: 950px; 
height:168px; 
background-image: url('test.png');
background-position:center bottom;
background-repeat:no-repeat;
}

#logotable{
margin: 0 auto 0 auto; 
width: 900px; 
}

#bodydiv{
margin: 0 auto 0 auto; 
width: 950px; 
height: auto;
background-image: url('bodybackground.png'); 
background-repeat: repeat-y; 
}

#innerbodydiv{
margin: 0 auto 0 auto; 
width: 900px; 
height: auto;
}

 

Then my structure:

<div id="logodiv"></div>

    <div id="bodydiv">

         <div id="innerbodydiv">

<p>content</p> (image about 500 lines)

         </div>

    </div>

Now the issue is - content does not expand the "bodydiv" div so the image will not repeat vertically.

 

The only way i could solve it was to put a fixed height like height:200px;.

 

Height: auto; and height:100%; did not work yet height:200px; does! Which is a problem because the height will vary depending on on the content of the pages.

 

Why is this?

 

Thanks

[haku]

With the code you've shown us there, the bodydiv div will expand with content. I'm guessing you must be trying to show us a scaled down version or something.