It is a well-known bug in IE6 and IE7. To solve it, you need to add position:relative to the container. Since in your case body is the container, I’d suggest you add a div directly under the body and give it position:relative. It should solve your problem.
Related Contents:
- CSS margin terror; Margin adds space outside parent element [duplicate]
- CSS overflow-x: visible; and overflow-y: hidden; causing scrollbar issue
- IE7 does not understand display: inline-block
- Make background color extend into overflow area
- Can specific text character change the line height?
- :after and :before CSS pseudo elements hack for Internet Explorer 7
- How to display scroll bar onto a html table
- CSS margin adds space outside parent element [duplicate]
- Position absolute and overflow hidden
- CSS overflow:hidden with floats
- Remove border from IFrame
- How can I truncate table cells, but fit as much as content possible?
- Flexbox affects overflow-wrap behavior
- Can overflow:hidden affect layout?
- Generate scroll bar for overflow to the left
- How to prevent text from overflowing in CSS?
- What is haslayout?
- How to affect other elements when one element is hovered
- How to center an element horizontally and vertically
- HTML table with 100% width, with vertical scroll inside tbody
- How do I auto-resize an image to fit a ‘div’ container?
- Why doesn’t percentage padding / margin work on flex items in Firefox and Edge?
- Remove space (gaps) between multiple lines of flex items when they wrap
- CSS Display an Image Resized and Cropped
- Can I create a div with a Curved bottom?
- How do I position one image on top of another in HTML?
- Landscape printing from HTML
- How do you make div elements display inline?
- How to style SVG with external CSS?
- Use a normal link to submit a form
- A CSS selector to get last visible div
- Font Rendering / Line-Height Issue on Mac/PC (outside of element)
- Floating an image to the bottom right with text wrapping around
- Calculator keypad layout with flexbox
- HTML5 / CSS3 Circle with Partial Border
- Google Fonts are not rendering on Google Chrome
- Why is there a vertical scroll bar if parent and child have the same height?
- CSS data attribute new line character & pseudo-element content value
- Inspect webkit-input-placeholder with developer tools
- Flexbox with fixed header and footer and scrollable content
- Rounded corners in outlook without images
- Select option padding not working in chrome
- CSS selector for empty or whitespace
- Ticks for type=”range” HTML input
- Image in SELECT element [duplicate]
- Insert HTML from CSS
- How to make the web page height to fit screen height
- How to make “see through” text?
- Change the color of glyphicons to blue in some- but not at all places using Bootstrap 2
- Select box arrow style