easy question about links. Options

[happytobe]

whenever i put a picture link on there, it outlines the picture in a BLUE BOX. and when i hover over it with my mouse, the blue outline turns red.

how do i get rid of it?!
i really need it go away.
please help! thanks!

this is my layout.


<style type="text/css">
td.text td.text table table table,
td.text td.text table br,
td.text td.text table .orangetext15,
td.text td.text .redlink,
td.text td.text span.btext
{display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}
td.text td.text {height:0;}
td.text td.text table b, td.text td.text table table td {font-size:8pt;}
</style>


<style type="text/css">
table, td {background-color:;
border:none; border-width:0;}
body{background-image:url("http://i15.tinypic.com/52fvc6h.png");
background-attachment: fixed;
background-position: left;
background-repeat: repeat;
background-color: ffffff;}

table table{border:0px;}
table table table table{border:0px;}
{table & border attributes}
table table table {border:0px solid; border-color:black; padding:0; width:287; height:20; background-color:; }
table tbody td table tbody tr td.text table{background-color:;}

}table table{border:0px;}table table table table{border:0px;}
table table{border:0px}
table table table table{border:0px}
font, td, a, body, table, body, td, li, p, div, textarea, li, p, br {font-family:times new roman; color:000000; font-size:10px; text-transform:none; letter-spacing:0px;}
textarea, input {font-family:times new roman; font-size: 9px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: none; padding: 0px; line-height: 10px;}
.btext {font-family: times new roman; font-size: 11px; color:ffffff; line-height: 11px; letter-spacing:0px; font-weight: normal; text-transform: lowercase; display:none;background-color:none;}
.blacktext10 {font:normal 8px small fonts;text-transform:lowercase;
color:000000;background-color:;
border-bottom-color:;border-bottom-style:dashed;border-bottom
-width:1px; width:100%; text-align:right; text-decoration:underline; border:0px solid; border-color:black;}

.blacktext12 {font-family:times new roman; font-size:10px; color:000000; line-height: 11px; letter-spacing:0px; font-weight: normal; text-transform:lowercase;background-color:none;}

.lightbluetext8 { font:normal 10px times new roman; width:75px; height:1px; text-align:center; text-transform:lowercase;}

.nametext {font-family: franklin gothic book; color: 2F3E26; line-height: 24px; font-size:24px; text-transform:lowercase; text-align:left; letter-spacing:-2px;}

.orangetext15 { font:normal 9px times new roman;
text-transform:lowercase; width:75px; text-align:center; text-transform:lowercase; color:000000; display:none;}

.redtext {font:normal 10px times new roman; color:000000; width:50px; text-align:center; text-transform:none; display:none;}
.redbtext {font:normal 10px times new roman; color:000; width:50px; text-align:center; text-transform:none;}
.text {font:normal 10px times new roman; color:black;line-height:10px;
color:black;
.whitetext12 {font:normal 10px times new roman;
color:000000;line-height:10px; color:ffffff;}
.text {font-family:times new roman; font-size:10px; color:000000; font-weight: normal;text-transform:none;}
.whitetext12 {font-family:times new roman; font-size:10px; line-height:10px; letter-spacing: 0px; font-weight: bold; text-transform:lowercase;}


a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link, a.navbar:link, a.navbar:visited, a.navbar:active {font-family:times new roman; font-size: 9px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px; background-color: trans; border: 0px solid ..FFFFFF;}

a:hover, a.man:hover, a.text:hover, a.redlink:, a.navbar:hover {font-family:times new roman; font-size: 9px; color: 000000; font-weight: none; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 8px; background-color: trans; border-bottom: 0px solid C6AB87;}


img { filter:none; border:0px;}
a:link img { filter: none; border:0px solid black;}
a:hover img { filter:none; border:0px solid black;}
body {cursor:default ;}
a:hover {cursor:none;}
TD TD {text-align: center;}
TD TD TD {text-align: left;}
TD TD TD TD {border-top: 0px solid; width: 0%; text-align:left;}
TD TD TD TD TD {border-top: 0px solid black; text-align:left;}
TD TD TD TD TD TD {border: 0px solid;}
TABLE, TD {padding: 0px; text-transform:lowercase; width:290px;}
TABLE TABLE {padding: 0px; text-transform:lowercase;}
TABLE TABLE TABLE {padding: 1px; text-transform:lowercase;height: .01%; width: 100%;}
TABLE TABLE TABLE TABLE {padding: 0px; text-transform:lowercase;}
TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform:lowercase;}
TABLE TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform:lowercase;}
table td div div font {visibili-ty:hidden;di-splay:none;}
table table table table {border: 0px; text-align: justify; padding: 0px;}
table table table table table {border: 0px; text-align: justify; padding: 0px;}
table table table table table table {border: 0px; text-align: justify; padding: 0px;}
. {removes top links and navbar}
div table form tr td, a.navbar, font{visibility:hidden!important; height:0px!important;}
table table td.text table td.text table table tbody td table, span.btext {display:none !important}

<style type="text/css">.blogbody i, .standard i, p i, i{font-weight: italic;font-family: times new roman;color: 2b2b2b;text-transform:none;}</style><style type="text/css">.blogbody u, .standard u, p u, u {font-weight: underline;letter-spacing: 0px;color:2b2b2b;border-bottom:D49C29 3px solid;text-transform: none;font-family: times new roman;text-transform:none; text-decoration:none;}</style><style type="text/css">.blogbody b, .standard b, p b, b {font-weight:bold;color:5B6D54;font-family:franklin gothic book;letter-spacing:-2px;text-transform:none;font-size:20px;}</style>


<style type="text/css">
.blogbody s, .standard s, p s, s {font-family:times new roman; font-size: 10px; color:000000; font-weight: strike; text-decoration: strike; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}</style>


<style type="text/css">.contactTable {display:none!important; border:0px !important;}</style>

<style type=text/css>
table table table table b a {display:none;}
</style>

<div style="position: absolute; top: 164px; center: 343px; width: 270px; height: 40px; background-color: ffffff; border: 0px solid #000;"><center><br><a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=a4d5c606-ebb6-44ed-a2c5-7e94155989f1">xxxxxx</a> | <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=xxxxxx">add me</a> | <a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=xxxxxx">message me</a> | <a href="http://collect.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=xxxxxx">block me</a></div></center>

[*Azarel*]

When you insert the image that is linked, make sure you include "border=0"; for example, <a href="LINK URL"><img src="IMAGE URL" border=0></a>.