iframe mootools overflow:hidden help

Hey all i am having trouble trying to get this effect to work well in FF 2.0. It works just fine in IE 7 but for some reason it doesn't in FF. What it does is if you goto tab 2, tab 1 moves to the left and it looks like it freezes the iframe there. It doesn't show this in IE 7, it disappears as it should.

here is the css code:

.stripViewer {position: relative; overflow: hidden; border: 0px solid #000; margin: auto;
width: 720px; /* Also specified in .stripViewer .panelContainer .panel below */
height: 480px; /* BLAHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
clear: both;
background: transparent;}

if i put overflow:auto then it works as it does in IE 7.

Please test with IE and FF for you to see the effects. Click on button 2 "About Us" and you will see what i'm talking about..

http://emmortonbaptist.info/#1

David

I had the same exact problem with that glider code and remember fixing it somehow (I stopped using it eventually though). I'll take a look.


EDIT: Wait, you said that overflow: auto worked fine. So, why don't you use that?

That would be great manogamez! :)

David

Because i do not want the scroll bars to show since it will never go over the limit to have to scroll.

David

Any luck with that manogamez?

David

I take it you couldnt find it manogamez?

David