Grow your CSS skills. Land your dream job.

Anchor Link behaving funny

  • # May 1, 2009 at 6:30 am

    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.

    # May 1, 2009 at 6:37 am

    Change this

    Code:
    .sections {
    border-bottom:1px solid #336699;
    overflow:auto;
    padding:20px 0 0;
    }

    to this

    Code:
    .sections {
    border-bottom:1px solid #336699;
    overflow:hidden;
    padding:20px 0 0;
    }
    # May 1, 2009 at 6:42 am

    That solves it!

    Thank you very much Apostrophe!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".