The most semantic way of making this container

Question

I want to make the following shape using divs and border radius, with fall back to square corners for old browsers. No images please.

I am having a bit of trouble ma

Answer 1

I'm coming late to the party, but I love a challenge and here is my solution:

http://jsfiddle.net/mtTLu/

Features:

1. No extra markup
2. Falls back to straight corners
3. No images
4. Webkit and Firefox ready.

However, it's terrible css code. If I ever encountered someone who made this to avoid one div of unsemantic code, I'd punch him in the face.

But, I think it fits your constraints.