Hur får jag bort ramen

Jag har en liten symbol (bild) som jag har positionerat som jag vill ha den. Sen när jag gör den till en länk får jag en ram runt min lilla bild som jag inte vill ha.

CSS:

#pennan {width: 20px; float: right; }
#pennan a {text-decoration: none;}

På sidan:

<div id="pennan">
<a href="yroll.php"><img src="bilder/pen.png" title="skriv text" alt="pennan"></a>
</div>

Hur får jag bort ramen?