ROUNDED CORNERS USING IMAGES WITH :BEFORE AND :AFTER PSEUDO ELEMENTS This will only work on browsers that allow the :before and :after pseudo elements of css This set of images is 30x30 and meant for a site with a white background . The div can have any color or image as a background
THE CSSThis is expecting the images to be in your images folder and named as given THE XHTMLThis is just a demo layout and should be adapted to your requirements
If you change the size of the images you will have to change some of the values in the css
These images are 16 x 16 so change the 2 height settings from 30px to 16px and the bottom-margin from -20 to -11 the colours are #CCCCFF and #FFB300
