A simpler way of doing this... (html+css, divs+tables)?

<table cellspacing="0" cellpadding="0">
<tr>
<td width="1"><img src="/deltasite/styles/v1/images/spacer.png"></td>
<td bgcolor="#cf371b" ></td>
<td width="1"><img src="/deltasite/styles/v1/images/spacer.png"></td>
</tr>
<tr>
<td bgcolor="#cf371b" ></td>
<td bgcolor="#cf371b" >heyesy</td>
<td bgcolor="#cf371b" ></td>
</tr>
<tr>
<td width="1"><img src="/deltasite/styles/v1/images/spacer.png"></td>
<td bgcolor="#cf371b" ></td>
<td width="1"><img src="/deltasite/styles/v1/images/spacer.png"></td>
</tr>
</table>

The overall effect should be a box with a transparent 1px dot in each corner to create a nice, very slightly curved box. This works, but it's a bit long winded. What's an easier way without actually making an image?
 
Back
Top