Is there something like this that can work with IE? No images and with borders?
http://www.css3.info/preview/rounded-border/
Is there something like this that can work with IE? No images and with borders?
http://www.css3.info/preview/rounded-border/
With CSS3 you can achieve this without using any images.
But isn't supported in many browsers.
Try this one:
http://www.cssplay.co.uk/boxes/curves.html
This method uses no images, no javascript, but a little bit of extra HTML with CSS.
Basicly, this method is based on the use bullets (•). Bullets are given the desired color and placed in the four corners of the box. The box is relatively positioned, the bullets are positioned absolutely. That is they are positioned absolutely relative to the parent box.
I haven't tried but you can have a look on this
OR you can try
Example usage -
Try Nifty Corners Cube, but it doesn't allow you to have a border color different form the inner background color. You will need to find a workaround (nifty corner inside a nifty corner). You can also checkout jQueryUI's themeroller. It uses images but you can use it to design your own theme and all you have to do is download the whole package containing the scripts, styles and images. Check out the part where you can create Highlight / Error.
Here's a sample of the nifty corners cube inside another nifty corner. Just view the source. Nifty Corners Cube sample