On Apr 15, 2008, at 11:30 AM, Nicolas Borda wrote:

On 15 Apr 2008, at 18:55, Richard Burford wrote:

I think it's done with JavaScript:
http://acko.net/blog/anti-aliased-nifty-corners

The implementation on drupal.org is done using pure CSS. The idea is
that you're using those 4 extra divs as hooks to add the 4 background
images. You specify the position of the background images so they sit
in each of the 4 corners. There are so many different ways you can do
it and there are even sites whose sole purpose is to showcase these
different methods.

http://www.google.com/search?hl=en&q=rounded+corners+css

Yes you are right, I didn't check out the CSS in Firebug, sorry.

I like this technique:
http://www.albin.net/examples/roundedcorners/

I don't use that technique anymore. I use the wrapper div w/ background-image technique. For a fixed width div, you need 2 wrapper divs. For a fluid width div, you need 5 wrapper divs. That gets the imgs out of the html.