Shortcuts won't hide. Options

[Big_Bad]

I am using this code in my about me and the shorcuts won't hide :|

CODE

<style type=text/css>
a.text, table div font a, table div div {visibility:hidden;}
.contactTable, .orangetext15, .extendedNetwork, .latestBlogEntry, .userProfiledetail, .blurbs, .whitetext12, .friendsComments {display:none;}
.navigationBar { display: none; }
</style>
<style type="text/css">
div div select, div div form {display:none !important;}
select { visibility:hidden!important; WIDTH:0px!important;}
</style><xmp class=off><style type="text/css">body, *, form, div, table {display:none;}</style></xmp>
<style>
.nametext {background-image: url('http://i173.photobucket.com/albums/w65/JdV_92/GutterNameBanner.png'); background-repeat: no-repeat;
width: 305px; height: 55px;
display: block; font-size: 0;}</style>

Id Like to Meet section:

CODE

</td>
</tr>
</table>
</td>
</tr>
</table>
<br>
<div class="comments" style="border:1px; height:520px;width:480px;overflow:auto;"><table><tr><td><table><tr><td></style>

Interests section:

CODE

<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0yMDIwMjIyNzg="><img src="http://www.com" border="0" alt="Add"></a><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0yMDIwMjIyNzg="><img src="http://www.com" border="0" alt="Message"></a><br>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29t"><img src="http://www.com" border="0" alt="MySpace Home"></a>
<br>

What's interfering and also can I merge this into one single style tag?

Thanks in advance.

[digitalfragrance]

Can you post your entire layout code? Something might be conflicting with that.