Question

affected page: http://adq.geantduweb.ca/

Firefox, Ie8,9 and Google chrome all run with the desired effect. The overflow works…

but internet explorer 7 i get a horizontal scroll at the bottom and you can see my white mask hiding the themed blue bar (Breadcrumbs)

any ideas to make this to work in ie7?

my overflow is on my #wrapper that has a min-width of 960px

Here is some of the CSS for the element that is causing the issue. (Note this is SASS CSS it outputs just like normal CSS when parsed.)

#wrapper
    min-width:960px
    overflow:hidden

#content
    background:#fff
    min-height:100px
    padding:1px 0px 0px 0px
    #component
        padding-bottom:30px
    .contentinner
        position:relative
        width:960px
        margin:0px auto
        .contentrightmask
            position:absolute
            top:-44px
            right:-10000px
            width:10000px
            z-index:900
            height:43px
            padding:0px
            margin:0px
            background:#FFF

thanks for the help!

Answer 1

I fixed IT

Thanks to : http://snook.ca/archives/html_and_css/position_relative_overflow_ie

i put position:relative to my #wrapper
(the element that has the overflow:hidden.)

thanks everyone who tried 🙂