hello,

I'm not a complete noob in CSS,
but i got a problem with the sizing of a <div>

the thing has to be sized with a minimum height.
and when the content of the <div> needs more than
550 px of height it has to stretch.

i tried it several times, with classes and ID,
but it still doesn't work,
i putted it in code like this:

#bg{
position: relative;
background: url(../images/bg.png);
top: 0px;
left: 0px;
width: 675px;
min-height: 550px;
}

can anyone tell me how i should solve this problem?
thanks a lot

greetz jelle

p.s. i know that it might work under netscape/mozilla, but this is a website that has to work under internet explorer.

Yours:

#bg{
position: relative;
background: url(../images/bg.png);
top: 0px;
left: 0px;
width: 675px;
min-height: 550px;
}

Don't use the css 2 min-height rule, its not well supported yet.

try:

#bg{
position: relative;
background: url(../images/bg.png);
top: 0px;
left: 0px;
width: 675px;
height: 550px;
}

Make sure you put a white space &nbsp; in the <div> or another child <div> with something inside.