Heigth stretching problem. FF/IE

I am at a loss on how to stretch up in FF an outer div when a child
div is filled up (works ok in IE). I tried various approaches
including the underscore hack as shown below. Nothing appears to work.
Can someone tell me what is wrong with my code? TIA.

CSS:
html,body {height:100%;}
#main{width:960px;padding:2px;margin:10px auto;background-
color:#ff0; height:auto;}
#hdr { background-color:blue; min-height:50px;height:auto;_height:
50px; }
#cnt{border:15px solid black; min-height: 25px; height:auto;
background-color:#609EE4}
#col1{float:left;width:190px;background-color:#FFF;padding:5 px
10px 5px 5px;border-right:dotted thin #274A79;min-height: 25px;_height:
25px;}
#col2{margin-left:215px; background-color:#D5E7FF; padding:5px;min-
height: 25px; height:auto;_height:25px; width: auto;}

HTML:

Re: Heigth stretching problem. FF/IE

May we have the URL of the page in question.

Not problem are normally associated with IE and not FF

--
Mike - FrontPage MVP '97 - '02
Expression Tools & Addin
http://www.j-moves.com
http://www.panemanager.com
FrontPage Tools & Addin
http://www.jbots.com
E-Commerce
http://www.candypress.com

"helveticus" wrote in message
news:82282267-9d23-4d62-aa01-e21ed0b1f7c2@k13g2000hse.google groups.com...
>I am at a loss on how to stretch up in FF an outer div when a child
> div is filled up (works ok in IE). I tried various approaches
> including the underscore hack as shown below. Nothing appears to work.
> Can someone tell me what is wrong with my code? TIA.
>
> CSS:
> html,body {height:100%;}
> #main{width:960px;padding:2px;margin:10px auto;background-
> color:#ff0; height:auto;}
> #hdr { background-color:blue; min-height:50px;height:auto;_height:
> 50px; }
> #cnt{border:15px solid black; min-height: 25px; height:auto;
> background-color:#609EE4}
> #col1{float:left;width:190px;background-color:#FFF;padding:5 px
> 10px 5px 5px;border-right:dotted thin #274A79;min-height: 25px;_height:
> 25px;}
> #col2{margin-left:215px; background-color:#D5E7FF; padding:5px;min-
> height: 25px; height:auto;_height:25px; width: auto;}
>
> HTML:
>
>

Re: Heigth stretching problem. FF/IE

Thanks for your proposal. The site is still a project. Finally, after
long hours of frustrating css tweaking, I gave up and decided to try
it via js using JQuery's equalheight plugin. This function is called
during the onload event and appears to do the trick in FF and ID. This
is one of the very few instances where IE behaves better than FF! ;=)