CSS: no more round box headaches

Everytime I am starting to design round boxes, I’m having a big
headache.

It’s just too complicated for me. Whenever i get close to a good looking
box, wich content does not run away on the sides, looking good on my
Firefox, and behaving well in my CPS, I get depressed when I switch into
IE.

Now I think I will always use this recipe for now one :

gecko engine comes with its own border-radius style, not yet validated in
CSS3 but it should be sometimes,

#mailBody {
background-color: white;
margin-top: 10px;
padding:8px;
-moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 12px;
-moz-border-radius-bottomleft: 12px;
-moz-border-radius-bottomright: 12px;
}

This is clean, looks good, and cut off all those small pictures I was
trying to stick together.

See the attached file for a screenschot

(Post originally written by Tarek Ziadé on the old Nuxeo blogs.)