CSS3 Opacity -- Better HTML Opacity with rgba()

CSS3 opacity set on a parent div is inherited by all the child divs. The result is limiting. Non-inheritable opacity using rgba() is achieved this way:

/* produces semi-transparent white, 40% opacity */
background: rgba(255, 125, 255, .6);

So to accommodate all browsers one might, for example, do:

.tool-pad-divs{
   /* fallback solid color for old IE */
   background: rgb(255, 255, 255);
   /* all others get semi-transparent */
   background: rgba(255, 255, 255, .6);
}

Compatability:
IE 9, Opera 10, FF , Chrome, Safari

section: