Make div more like frame?

[kmbarz]

I have a web application that works like a champ for an onsite clinical study. I'm working on the front end of the site to try and generalize what I've done across more browsers than IE and to incorporate content from another application. I have a div tag that currently fills with form content depending on what the user selects from a menu. Here's the styles I'm using:

.FormContent{
padding: 0px 0px 10px 10px;
font-size: 80%;
height: 325px;
overflow-y: scroll;
}

html>body .FormContent {height: auto;}

The overflow-y works great until I go to look at it in Mozilla or Opera, then the form extends off the bottom of the page. Is there a more general way to do this?

Also, I have html forms that I can get from another application, but unfortunately this thing outputs its forms with absolute positioning. Pulling these into this div corrupts the appearance of the page. So, I'm thinking a frame might work better than the div, but I'm not sure how to put the frame window in the middle of the page.

Any ideas would be greatly appreciated.
Thanks,
Ken

[drbrain]

If you validate your snippet [jigsaw.w3.org] you get a warning about overflow-y being invalid because only the overflow property [w3.org] is valid in CSS2. You want to set overflow to "auto" to get a scrollbar as-needed.

Update!

overflow-y is part of the Box Model CSS3 Working Draft [w3.org]. This means that other browsers won't be implementing overflow-y until it becomes a Candidate Recommendation [w3.org].