Question

Lets say I have a main page which has a link that opens a modal div which has position:fixed and some width/height

Now I observe a behavior difference in IE Vs Firefox when this modal div is displayed i.e. ff we scroll the main window,
In IE, the modal div also scrolls with the page;
While in Firefox, the scrolling of main window does not have any impact on the modal div and it literally remains fixed.

Is there any way by which we can have the modal div scroll in Firefox like in IE ?

Answer 1

If you’re wanting Firefox to behave like you’re saying IE is, and have the DIV scroll with the page, you shouldn’t be using position: fixed. You want just position: absolute.