I'm using the script from http://www.malsup.com/jquery/corner/ to
round corners. Works fine in IE, FF and Opera. But it leaves artifacts
at the corners when displayed in Safari and Google Chrome.
You can see what I mean by browsing to http://www.scripts.oldguy.us/v3/
using either Safari or Chrome.
It puzzles me because it there is no black background styles anywhere
in my css so it can't be as simple as the color being a leftover of an
inheritance.
If I play around a bit in my css I can get some of them to disappear
by assigning background: #FFF !important to certain classes/ID's. But,
without changing the tempates, not all.
My app has many users (most with little tech knowledge) who would have
a hellofa time trying to get rid of the artifacts. I can't do it for
them because they can customize the templates/css and it would be a
nightmare trying to hellp them through each of their unique
situations.
Anyone have a good solution? Using css or images to do the rounding is
not an option (too easy to break as users customize the templates. And
I don't have enough js experience to look at the malsup script and
make it work in Safari and Chrome.