Hey guys, loving the look of this forum! wonder if anyone can help me!

i am remaking a portfolio using divs.

Basicly here is my code:
<div id="main">
<div class="left"></div>
<div class="center"></div>
<div class="right"></div>
</div>

And the CSS:
#main {
width:800px;
min-height: 500px;
height:inherit;
}

.left {
float:left;
width: 130px;
padding: 5px;
}

.center {
float:left;
width: 395px;
padding: 5px;
height:100%;
}

.right {
float:right;
width: 242px;
padding: 5px;
height: 590px;
}

My issue at the moment is that the content displays fine aslong as its less that the min-height as set as 500px. But if the text overflows this, firefox does not expand the div to fit the content whereas IE7 does.

Please tell me what im doing wrong!

And your purpose for height: inherit is?

I just read on google somewhere, that clearly didnt work

Body is set to height 100%, Then main is the container for left, right and center however when the content exceeds the min-height - firefox does not expand the container to fit the content.

Please tell me what im doing wrong!

Nothing.

IE treats height:NNpx; as min-height:NNpx; but doesn't actually support min-height:NNpx

But IE is expanding fine. It seems to be that Firefox sees min-height as actual height rather than a minimum before expansion?

well seeing as you have a fixed height (of the body, which will be the viewport height effectively ) overriding the min-height what would you expect it to do

But the problem is the way firefox is intrepting my main div.

do you have msn, i could send you a copy of my html file?

Firefox is doing exactly what you've told it to do. IE always gets it wrong in that it 'shrink wraps' anything even if you give it a fixed width/height. IE6 and below doesn't support min/max width/height. Firefox DOES obey min/max width and height.

Look in the stickies, there is a whole thread dedicated to achieving 100% height.