OK, this caused me severe aggravation. And I mean severe. I’m using jQuery, and the corners plugin. I make a nice header for a div, and float some icon links in the header to the right. Said header has the top corners rounded. I try to click on the links I mentioned, and nothing. Cursor does not change to the “pointer” like a link. That’s wierd. I try in IE (6 and 7), no problem. Great, this should be fun.

I go to the Google. Everything I find says there’s an element with absolute position “hiding” my links in Firefox. BUT- THERE ARE NO ABSOLUTE POSITIONED ELEMENTS IN MY CODE. So, I go to the developer toolbar in Firefox. Turns out, there are 1.2 million tiny divs (I may have exaggerated) covering my whole div header. WTF? Turns out the rounded corners plugin is creating those. Well, that sucks ass. So I finally hacked out one line of code “div.header div{position: relative}”, making all divs in the header div positioned relative. BLAMMO! Success. I hope this nugget helps some one!