I cannot get rid of an annoying blue box on an image link that displays from a hyperlink in my dbase

Question

I have a hyperlink in my SQL database which displays from a recordset on my page. It has an image link which displays with a very annoying blue border around it.
Because it is not an image (as such), I cannot just select it and change the border to 0.
When I go to CSS, it just lets me set the border of the table it is presented in!!!
Can somebody point me in the right direction, Please!

Answer 1

Hi, this is the code I see in my view as an SQL statement calls for the link from the database:
<td height="37" align="center" style="padding: 5px;"><?php echo $row_rsProducts['Buy Now']; ?>
          <td height="37"id="ShopButton"align="center"style="padding: 5px;"><br /></td>
Don't know whether I am doing it right but this is where I have put the code in the head section, still not working and got the grey border.
<style type="text/css">
#wrapper #main #topbody table tr td {
          text-align: justify;
          font-size: 10px;
          color: #555;
          font-style: normal;
          font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
          border-top-color: #FFF;
          border-right-color: #FFF;
          border-bottom-color: #FFF;
          border-left-color: #FFF;
          border-top-style: none;
          border-right-style: none;
          border-bottom-style: none;
          border-left-style: none;
          background-color: #FFF;
#wrapper #main #leftmenu table tr td {
          border-top-width: thin;
          border-right-width: thin;
          border-bottom-width: thin;
          border-left-width: thin;
          border-bottom-style: solid;
          border-top-color: #EBEBEB;
          border-right-color: #EBEBEB;
          border-bottom-color: #EBEBEB;
          border-left-color: #EBEBEB;
          padding-left: 10px;
          font-size: 12px;
          color: #6D6D6D;
          font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
          #shopButton a img {
border: none;
#BuyNow {
          border-top-width: 0px;
          border-right-width: 0px;
          border-bottom-width: 0px;
          border-left-width: 0px;
          border-top-color: #FFF;
          border-right-color: #FFF;
          border-bottom-color: #FFF;
          border-left-color: #FFF;
          a img {
                    #shopButton a img {
border: none;
#shopButton a img {
border: none;
border: none;
I am stumped!!