So i had been looking for a css-based rounded corner technique that i could use to make a transparent-glass-box-thingie, but none of the things i found worked. Because i was using transparent images, and the techniques all made the images overlap each other, so the transparent images were darker on some places. So i made a technique myself but i need someone to change it to css, because it is table-based :( , or maybe point out some cool techniques i could use? http://bjarki.info/misc/rounded/
div for top, and make that the same size as your top image
div for middle, height to auto: but have your image 2px in height and repeat it vertically
div for bottom and make same as height as bottom image.
I have done what you are asking for in my site, check link below
I once found a rounded corner technique on the web which used rounded bullets to achieve the rounded corners, which means no images needed… But unfortunately that site is down at the moment. Anyway, here is the link