Hi All
I want to build a box that has 'rounded corners'. I think there are various ways of achieving this but am not sure which the best way is! Also are there are browser/validation problems with rounded corners? If not what is the best way to achieve this?
As always cheers in advance
Burnsie

There are many, many methods, some validate better than others.

http://www.smileycat.com/miaow/archives/000044.php
\

This is the most interesting one I've come across:

http://www.webreference.com/programming/css_borders/

Reason being, this method doesn't actually require any graphics

some box corner tricks comes from javascript they dont wnt images

Hi

I m looking for this method, and thanks for the links. both links are very important for me.

heres my example for rounded corners

<div class="top">
<div class="top-left-corner"></div>
<div class="top-right-corner"></div>
</div>
<div class="content">Content goes here</div>
<div class="bottom">
<div class="bottom-left-corner"></div>
<div class="bottom-right-corner"></div>
</div>

<style>
.top-left-corner{
background: url('yourimage.gif') no-repeat;
float: left;
}
.top-right-corner{
background: url('yourimage.gif') no-repeat;
float: right;
}

.bottom-left-corner{
background: url('yourimage.gif') no-repeat;
float: left;
}

.bottom-right-corner{
 background: url('yourimage.gif') no-repeat;
 float: right;
 }
</style>