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.)