Image is above hyperlink?

Hi,



Not too sure why theres always a Blue Box around Images, Screenshot:




How would I make the blue box disappear?

Relevant HTML Code:

		<tr>
		<td width="100%" align="center" class="topmenu">
		<a href="/custom/"><img src=/faq.png>FAQ</a> &nbsp; &nbsp; &nbsp;

		<a href="/contact"><img src=/contaact.png>Contact</a> &nbsp; &nbsp; &nbsp;</td>
	</tr>

Code (markup):

Relevant CSS Code:

body{
	text-align:left;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	background:#FFFFFF;
	padding-top:5px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}
table.design td{
	padding: 3px;
	font-size: 10px;
	color: #000000;
	border-color: #666666 #666666 #666666 #666666;
	border-left-style: none;
	border-left-width: 0px;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: none;
	border-bottom-width: 0px;
}

table.empty{
	border: none;
	padding: 0px;
	border-width: 0px;
}

table.empty td{
	border: none;
	padding: 0px;
	border-width: 0px;
}

td.row1{
	background-color: #FFFFFF;
}

td.row2{
	background-color: #F7F7F7;
}

td.copy{
	background-color: #000000;
}
a:link{
	color: #2B4F81;
}

a:visited{
	color: #2B4F81;
}

a:hover{
	color: #2B4F81;
}
.footer a:link, .footer a:visited{
	color: #000000;
	text-decoration: none;
}

.footer a:hover{
	text-decoration: underline;
}

a.foot.link{
	color: #2B4F81;
}

a.foot.visited{
	color: #2B4F81;
}

a.foot.hover{
	color: #2B4F81;
}

Code (markup):

Thanks!

 

put this in your css:

a {border:0px;}