I’m using CurvyCorners with jquery to add corners to the bottom of a dropdown element on our site’s page. It shows up fine in all browsers except IE and I’ve been round and round trying to figure it out. Anyone have any ideas what’s wrong?

Here’s the site:
http://tester.hearsaynashville.com/

It should have 20px rounded corners on the bottom of the black box
when you click “contact us” or “client login”.

(Haven’t yet checked IE6, but I’d imagine it’s got the
same issue.) Any one know what’s going on? Why IE seems to be
providing blank corners?

I just spent about the entire morning trying to get CurvyCorners/JQuery to render the same in IE as it does in Firefox and Safari. I finally found a couple of things which helped, though how they’ll apply in your case I cannot say. First, fool around with the margins on the div for the dropdown and any enclosing div. IE seems to be sensitive to them and stuff that might not be perfect but passes in Firefox doesn’t work in IE. The other thing was pulled from the code on the author’s demo page. I was having fits until I added margins and padding of 0 for the <p> and <div> tags. I’m pretty sure it was the <p> that did the trick. The whole thing was quite tedious.

By the way, are you seeing a delay before the corners render in IE? It looks like the page comes up first without the corners, and redraws with them a fraction of a second later. When I used the native CurvyCorners, I had the delay in both, but the JQuery version only slows down IE.

Good luck,
Nathan