I have seen plenty of tutorials etc on the Web explaining various means of using for small images to create curve cornered boxes in a Web Page. However the creation of those corner images can be a bit of a pain. Additionally, instead of just using a solid colour for the box background, I would like to use a an image with various gradient styles for example.
What I am trying to do at the moment is to create a menu bar with a specific height and length (say 15px x 900px), with one curved corner image at the left end, a repeating rectangular image in the middle and curved corner image ad the right end. Something similar to the blue menubar on this page. I would like to achieve this effect using divs and CSS.
I would be extremely grateful for any assistance.