gradients, shadows, rounded corners, borders with CSS

How to do gradients, shadows, rounded corners, borders with css3 that looks the same on all browsers. I used PIE hack to make it work on IE. http://css3pie.com/

No images were used. No more redrawing of boxes needed with content updates.

With css3 only: (works with IE too)

code for above box