Anchor Link behaving funny

[davidliu]

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.

[apostrophe]

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;
}

[davidliu]

That solves it!

Thank you very much Apostrophe!

[Author]

Posts