Fluid Rounded Boxes - How do You do Them?

[Fluoresce]

I've just gone through a thousand different tutorials explaining how to produce a fluid box with rounded corners. I'm looking for a method that's not as heavy on the markup as my one. My method is CSS-based. It requires 6 images, four divs and two spans! It's the only one that I know that's totally cross-browser compatible, which is why I use it.

 

What method do you use for fluid rounded boxes? And is it cross-browser compatible?

[trq]

I use a plugin for jQuery that creates corners using the canvas tag. Canvas of course is not part of IE, but I believe there is also a js script around that fixes that issue.

[dbrimlow]

The best css technique uses the sliding doors technique. It may add a little more markup but not much:

 

This link actually creates the graphics, CSS and HTML (you can use it to get the idea and reverse engineer it and create your own).

http://kalsey.com/2003/07/rounded_corners_in_css/

 

I never use JavaScript when there is a CSS solution.

[haku]

I'm in agreement with dbrimlow. I use a sliding doors technique myself.

[merylvingien]

I have added a tutorial about rounded corners to one of my sites, pretty much the same as what is already available out there, but i hope mine is written in plain english and easy to understand.

 

http://www.css-stylesheets.co.uk/rounded-corners.html