Rounded Table Tutorial

The Problem i am having is witch the rounded table tutorial,
http://www.kirupa.com/css/rounded_corners.htm
I have the top image and bottomimage correct but the middle row is longer then both my images and I cant seem to fix it.

It works perfectly in his tutorial. but not when i try it :crazy: lol


<table width="643" border="0" cellspacing="0" cellpadding="0">
  <tr><td width="643" height="20px" class="topimage" ></td></tr>
  <tr><td class="backcolor"><p>All Important info Here</td></tr>
  <tr><td height="30" class="bottomimage"></td></tr>
</table>

Thats what i got for the table code exact same i belive

<style>
.topimage{background-image:url(Images/topimage.jpg);

background-repeat:no-repeat;

background-color:#4387C8;}
 
.bottomimage{background-image:url(Images/bottomimage.jpg);

background-repeat:no-repeat;

background-color:#4387C8;}
 
.backcolor{background-color:#4387C8;}
</style>

thats what i got for the CSS same thign except the colors