This is going to sound weird, but I got something working in IE that I can’t seem to get working in FF. As long as I can remember I’ve been setting height to a certain number of pixels so each page is the same size (length-wise) regardless of where you go to on a site. But I finally ran into a site that has drastic differences in content sizes and I want my pages to fluctuate based on how much content is needed.
I can set height: 100% and everything looks fine in IE7 but in FF nothing will even show up. However, I can set height to 1000px and it looks great but I would have to go page by page to change the height.
Any ideas?
#middle {
background-image: url('../images/panel-top-bkg2.png');
background-repeat: repeat-y;
width: 978px;
behavior: url(iepngfix.htc);
height: 1100px;
}