Footer text occasionally overlaps page content

Posted on 2009-02-07
Last Modified: 2013-12-08
On seemingly random occasions, IE7 will render the text from my page footer partially up the page.  In the very few times it does this, the actual position at which it renders the text also seems inconsistent--sometimes it's way up the page and other times only twenty pixels or so.  Simply refreshing the page will fix the issue.  Even enabling Firebug Lite for IE will cause the text to "pop" into the correct location in the footer.

From my tests, Firefox 2/3 and IE6 do not exhibit this problem at all.

I've tried to read up on similar issues, and I thought this might have been due to floats not being cleared or the so-called guillotine bug in IE, but I've had no luck figuring it out.

The page shown in the attachment is  However, this issue appears intermittently on any of the pages.
Question by:dfu23
    LVL 42

    Assisted Solution

    by:David S.
    Does giving "#footer_wrapper" width:100% help?
    LVL 14

    Accepted Solution

    I was able to fix this by re-working most of the footer styles.  Thanks for the help nonetheless.

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Looking for New Ways to Advertise?

    Engage with tech pros in our community with native advertising, as a Vendor Expert, and more.

    CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
    SSL stands for “Secure Sockets Layer” and an SSL certificate is a critical component to keeping your website safe, secured, and compliant. Any ecommerce website must have an SSL certificate to ensure the safe handling of sensitive information like…
    In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
    How to create a custom search shortcut to site-search Experts Exchange using Google in the Firefox browser. This eliminates the need to type out whenever you want to search the site. Launch your Bookmark Menu: Press 'Ctrl +…

    758 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    12 Experts available now in Live!

    Get 1:1 Help Now