Problem with Alignment

Hello,

I have a table, with two cells and one row. The second TD has a css box and then some text below it. There is a big gap between the css box and the text. I am no css expert, so I cannot figure out how to get them to fix closer together. I'm sure its just one of the height or width numbers, but I have messed with all of them and no luck.

My CSS Code is:

.curvy {position:relative; left:-20px width:150px; background:#444444; color:#000; margin:5em auto;}
#ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#bcbcc0; background:#000000; overflow:hidden; font-style:normal; z-index:1;}
#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}
.curvy em b {position:absolute; font-size:150px; font-family:arial; color:#444444; line-height:40px; font-weight:normal;}
#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}
.curvy p {position:relative; z-index:100; padding:5px 10px;}
</style>

Code (markup):

My HTML Code is:

<td style="border:0px">
<div class="curvy">
<em id="ctl"><b>&bull;</b></em>
<em id="cbl"><b>&bull;</b></em>
<em id="ctr"><b>&bull;</b></em>
<em id="cbr"><b>&bull;</b></em>
<p><font color="white">This is a test.<br>Testing Again.This is a test.<br>Testing Again.This is a test.<br>Testing Again.This is a test.<br>Testing Again.This is a test.<br>Testing Again.This is a test.<br>Testing Again.</font></p>
</div>
Welcome to your Members Home Page at <b>Free Apple iPhone</b>

<br><br>
<span style="font-size: 14pt; font-weight: bold;"><a href="http://www.getafreeappleiphone.com/banners.php" target="_self" title="Free Apple iPhone Banners">
	
	<span style="text-decoration: underline;"><font color="white">Advertise your referral link!</span></a><br /></span>
<br />

If you have any questions about how the website works, please refer to the 

<span style="font-weight: bold;"><a href="http://www.getafreeappleiphone.com/help/index.php">
		
		<span style="text-decoration: underline;">FAQ's</span></a></span>, 

<span style="font-weight: bold;"><a target="_blank" href="http://www.getafreeappleiphone.info/forum/index.php">
		
		<span style="text-decoration: underline;">Forum</span></a></span>, or 

<span style="font-weight: bold;"><a href="http://www.getafreeappleiphone.com/contact/index.php">
		
		<span style="text-decoration: underline;">Contact us</span></a></span>. <br />

<br />



<span style="font-weight: normal;"> Are you new to GPT sites and completing offers? Read the tutorial on how to complete offers </span><a href="http://www.getafreeappleiphone.com/piccompletesurvey.php" style="font-weight: bold;">
	
	<span style="text-decoration: underline;">here</span></a>. If you still have questions watch the video tutorials that we have created to assist you <a href="http://www.getafreeappleiphone.com/vidfaq.php">
	
	<span style="font-weight: bold; text-decoration: underline;">here</span></a>.<br /></font>

<br />
</td>
</tr>
</table>

Code (markup):

If anyone could point me in the right direction here, it would be very useful. Thanks.