css/min-height background/firefox

[rapsody]

Hi, Ih ave a div tag with a backgound image as 320px and 2 div tags inside the main tag one floating left the other right. In each of the 2 div the height is expandable so may go over the 320px, in IE if either of the divs goes over the 320px the background colour that is set appears in firefox it doen't

the style for the main div is

.tmp_mid{
height:100%;
min-height:370px;
max-height:700px;
margin-bottom:7px;
background: #ce2c2a url('/images/ferrari/main_bg.jpg') no-repeat ;color:#fff;
}


any ideas

[jaymanson]

I presume your two content divs are floated left & right. What actually happens is that because you've floated the content in these divs, they no longer have any effect on their parent div.

Try also adding a float element to the container div, then see if it works. Let me know if that's no use for layout, etc, as there is another way, but it would help to see the actual page in that case:-)

Jay

[drhowarddrfine]

In addition, min-height and max-height don't work properly in IE. A link or the complete code would be helpful.