problem with links

[martin coombes]

Help!!

I have created a page that has some links that are on java mouse over. They have ugly boxes around them. Is there some why to remove them. I tried a few options today, some worked, but seem to slow the download of the pages. The web page is:
http://www.abbeywood-antiques.co.uk/index.html
If you link into anyother page you will not see the problem as i have changed it, but now these pages are loading really slowly.
I used this command
<STYLE>
<!--
A{text-decoration:none}
-->
</STYLE>
but it does not work
Can something be done in the actual link
<A HREF="wellness.html"><IMG SRC="wellness.gif" style="filter:alpha(opacity=60);-moz-opacity:0.6" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" WIDTH="74" HEIGHT="25" ALT=""></A>

Many thanks for your time

Martin

[Schmoopy]

To get rid of borders around images that are links use:

a img{
border:none;
}

[martin coombes]

Hi, many thanks for that. It nearly works. It does remove the outline around the links, but now there is a very small grey line at the botton in between
each link. Any clues how to get rid of this. Many thanks, Martin

[martin coombes]

<A HREF="active.html"><IMG SRC="active.gif" style="filter:alpha(opacity=60);-moz-opacity:0.6" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" WIDTH="50" HEIGHT="25" border="none"></A>


This is how I have used the command