a.link {text-decoration: none }

a:hover {
color: #CC0000; border-color: black black #CC0000;
text-decoration: none;
border-style: dotted;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px; border-left-width: 0px
}

img (border: none}
Poi nell'html, dove incontri un link con immagine:
<a class="link" href=".....">
<img src=.....>
</a>

Per il resto lasci tutto com'è.