iframe/div scrolling

[ctoons]

I placed an iframe in a div. The div is a specific size to fit the layout. The iframe is longer than the div due to the content pages that will go into the iframe. I set the scroll property of the iframe to no and the scroll property of the div to auto. The result is that I get scroll bars on both the iframe and the div. I've tryed other combinations without any luck.

Does anyone know how get no scroll on the iframe and scolling on the div - or vice versa. I don't really care so long as I get only one scroll bar on the left.

Thanks

[bluewalrus]

try overflow:hidden; if the div is the right size of the iframe. If not try putting code or a link here.

[ctoons]

http://www.gogreenled.com/gg_contact.html This is the page. It works great in IE but not in Mozilla. I haven't tested in other browsers yet.

[bluewalrus]

in http://www.gogreenled.com/contact_email.html there are 2 scroll bars as well which is why your getting it try taking out the overflow auto here and i think that will get rid of the second scroll bar try hidden first.



#contact_rgtframe {
position:absolute;
width:527px;
height:707px;
z-index:2;
left: 253px;
top: 93px;
background-color: #FFFFFF;
overflow: hidden;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
color: #121E45;
}

[ctoons]

When I make the overflow content in the wrapper hidden, all of the content becomes unscrollable in both the iframe and the wrapper. I have tried every combination of hidden/auto/on/off available. I always get bad results in Mozilla.

Why do the scroll bars show up on the iframe when I have scrolling set to off?

Is there another way I can set up the layout to accomplish my goals?

How does Mozilla interpret the wrapper/iframe combination differently than IE? This layout works great in IE.