I'm using p class to position my texts.. but the 'links' (p class='right') bit aren't positioned to the top even though i've tried setting it to that.

<style>

table, table td {background-color:transparent;}
table table table {visibility:hidden;}
table table table div table {visibility:visible;}
.comt table table table {visibility:visible;}
table div div, table tr td div font a {visibility:hidden;}
table div .content {visibility:visible}


body {
background-color : F2F2F2;
font-family : verdana;
color : 414141;
margin : 0;
width:98%;
text-align : center;
font-size : 11px;
}

{divs}
.text
{font-family:verdana;
font-size:8pt;
font-color:ffffff;
top: 30%;}

{divs}
.ppp
{font-family:verdana;
font-size:8pt;
font-color:ffffff;
width: 482px;}

.storyContent, #menu, .nono, .storyContentblog {
font-size : 11px;
line-height : 3px;
font-family : verdana;
}

.storyContent a:hover, .storyContent a:active, .storyContent2 a:hover, .storyContent2 a:active, .storyContentblog a:hover, .storyContentblog a:active {
font-weight : 350;
color : 414141;
line-height : 10px;
background-color : fefefe;
border-bottom : 1px solid ff98cc;
}

.right {
text-align : justify;
vertical-align : top;
width : 40px;
float : right;
margin-right: 60px;
margin-top: 0px;
padding-top: 10px;
font-size : 11px;
font-style: italic; bold;
font-family : verdana;
color : 414141;
line-height : 12px;
}

.text {
width : 280px;
margin-left: 100px;
padding-top: 10px;
width : 250px;
padding: 15px;
border : 1px solid c3c3c3;
font-size : 11px;
font-family : verdana;
color : 414141;
line-height : 20px;
}

.box {
background-image : url(bg.gif);
background-color : ffffff;
color : 414141;
width : 520px;
margin: 0px auto;
top: 30%;}
}

.bleh {
text-align : justify;
padding-left : 15px;
padding-right: 15px;
font-size : 11px;
font-family : verdana;
color : 414141;
line-height : 3px;
}


a:link, a:visited {
text-decoration : none;
font-size : 11px;
font-family : verdana;
color : 414141;
}
a:active, a:hover {
text-decoration : none;
font-size : 11px;
font-family : verdana;
color : 414141;
}

</style>

<div id="box" style="position: absolute; width:482px;">

<table border="0" cellpadding="0" cellspacing="0" width="482">

<tr>
<td rowspan="1" colspan="1" width="482" height="220">
<img src="http://img222.imageshack.us/img222/8906/image1x1ra5.gif" width="482" height="220" border="0"></td>
</tr>

<tr>
<td rowspan="1" colspan="1" width="482" background="http://img135.imageshack.us/img135/8476/image2x1qd2.gif" border="0" valign="top">

<p class="text">


<i>Grr~<br>&nbsp;<br>This is getting on me nerves.</i></p>

<p class="right">
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=9276076&MyToken=abe6adeb-d751-46a0-82de-945ec239de91">Comments</a><br>&nbsp;<br>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=9276076">Pictures</a>
<br>&nbsp;<br>
<a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=9276076">Friends</a>
<br>&nbsp;<br>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=9276076">Blog</a><br>&nbsp;<br>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=9276076&MyToken=835db29d-b3ff-4ec9-bd78-3696b314d14e">Add</a>
<br>&nbsp;<br>
</p>

</td>
</tr>

</td>
</tr>

<td rowspan="1" colspan="1" width="482" height="130">
<img src="http://img88.imageshack.us/img88/2695/image3x1gr8.gif" width="482" height="130" border="0"></td>
</tr>

</table>

Could someone tell me why or help me please? =] p class and id's are confusing! Ty!