treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Anchor Link behaving funny

  • Dear CSSers,

    My anchor link is acting funny in Firefox. When I click on it, it gives me a frame-like thing around the div. I have to click it again to make sure it goes to the anchor name. It works fine on Safari though. Please look at attached image to have an idea what I mean:

    [attachment=0]Picture 2.png[/attachment]

    Here's the link: http://www.daveatwork.com/funny_anchor.html

    I can't figure out what's happening. I suspect it's something to do with the div or floats.

    Any tips and advice greatly appreciated!

    Thank you.
  • Change this
    .sections {
    border-bottom:1px solid #336699;
    overflow:auto;
    padding:20px 0 0;
    }

    to this
    .sections {
    border-bottom:1px solid #336699;
    overflow:hidden;
    padding:20px 0 0;
    }
  • That solves it!

    Thank you very much Apostrophe!