IE8 / Firefox not rendering an iframe like Chrome and Safari does

The following link when viewed with Chrome (Windows XP) the contents of the iframe take up the remainder of the window and looks fine. When viewed with IE8 (Windows XP) or Firefox (Windows XP) the contents of the iframe shows up in a much smaller scroll box window that is only using a small percentage of the available window.

http://meramechills.org/pro_dropdown_2.html

Safari (Mac OSX) also renders the iframe the same way as Chrome.
Firefox (Max OSX) has the same rendering problem as Firefox (XP).

What coding changes do I need to make so that IE8 and Firefox act like Chrome and Safari and use the rest of the window for the iframe contents.

Style the iframe position:absolute, and it will work consistently.
Another (unacceptable) solution is not to have a doctype.

This has nothing to do with JavaScript.

Geez, it can’t be that simple … but it was :):):):):):slight_smile:

Can’t tell you how many hours I spent on the web and other forums trying to get a solution …

And I just joined SitePoint and just posted this post and viola … in a flash you answered it quite simply and accurately !!!

Guess I have found the forum that folks with the answers are actually using !!!

Sorry about the javascript entry point - I knew it wasn’t the javascript, just didn’t know where on the forum was a good point to ask this question.

Thanks again - you have made me a happy camper again :):):):):slight_smile:

Forgot to show you the actual code that I added that solved the problem …
I am new to the CSS stuff so this also gives me more confidence to do more styling via CSS verses the normal HTML styling.

<style type=“text/css”>
iframe {
position: absolute;
top: 52px; left: .5%; width: 99%;
border-style:solid;
border-width:2px;
}
</style>