Rounded Box for CSS Compliant Browsers

Methods: 1 , 2, 3

Method 2: Nested Spans w/ Negative Margins

<div class="roundedBox">
<span class="ul"><span></span></span>

Here the spans .ul and .ll fill the entire width of the div and .ur and .lr are 15x15 blocks nested nested inside of .ul and .ll, respectively and floated right. Negative margins on all corners were used to push our corners into the padding and over the border edges.

Success: Mozilla, Opera 7.

<span class="ll"><span></span></span>
</div>