Translucent block with rounded corners

I want to present to the public my own version of the implementation of a translucent block with rounded corners. Crossbrowser, fully rubber. All about all 3 divs. Intriguing?

For the impatient immediately give a link with an example.
A year ago, if I had been offered to impose such a block, I would have refused, stating that it would not have been possible to implement it in Internet Explorer 6. Perhaps I would be izgolilsya and would have folded such a block, but for this I would need at least 9 divs. Some time ago, having received a magic pendel from Delka Delka and having read a very useful article , I found a rather simple cross-browser solution.

Cons, as always, are available. It was not possible to collect all the available pictures of the corners and frames in one sprite. For IE6, all 8 images are needed. Enough for normal browsers 6. For IE7, you can collect all the pictures into one :) The cumbersome style files for IE6-7 are perceived as inevitable ...

I don’t think that I surprised experienced professionals with something, but for beginning layout makers and copy- pasters such a method will, I hope, be useful.
')
It was tested in FF3, NN9, IE6-7, Opera 9.2-9.5 and Safari (all Win).