Icon zu Links: unsinnige Vergrößerung

[Damian]

Hallo zusammen,

ich habe ein Script, welches bestimmte Links nach Merkmalen der verknüpften Datei untersucht und entsprechend dazu dem Link ein passendes Icon voranstellt. Dieses sieht so aus:

<!--
function zeigIcon() {
var zeig = document.getElementById("content").getElementsByTagName("a");
for (i=0; i<zeig.length; i++) {
var linkHref = zeig[i].href;
if (linkHref.match(".doc")) {
addIcon(zeig[i], "doc");
}
else if (linkHref.match(".htm")) {
addIcon(zeig[i], "htm");
}
else if (linkHref.match(".pdf")) {
addIcon(zeig[i], "pdf");
}
else if (linkHref.match(".ppt")) {
addIcon(zeig[i], "ppt");
}
else if (linkHref.match(".txt")) {
addIcon(zeig[i], "txt");
}
else if (linkHref.match(".xls")) {
addIcon(zeig[i], "xls");
}
else if (linkHref.match("mailto")) {
addIcon(zeig[i], "mail");
}
else {
addIcon(zeig[i], "folder");
}
}
}

function addIcon(selLink, ext) {
 var img = document.createElement('img');
 img.src = ""+ext+".gif";
 selLink.parentNode.insertBefore(img, selLink);
}
//-->

Klappt auch alles wunderbar, nur bei folgendem Ausschnitt wird das Bild (wie alle anderen auch im gif-Format) statt in seiner Originalgröße (20px x 15px) unnötig vergrößert und dementsprechend unscharf dargestellt:

<div id="content">
<h2>
Kontakt
</h2>
<h3>
Thema
</h3>
<p>
Name Ansprechpartner</p>
<ul>

<li><a href="mailto:[e-mail]">[e-mail]</a></li>

</ul>
</div>

Eine Größe für die Icons kann ich nicht allgemein festlegen, da diese unterschiedliche Ausgangsgrößen und -proportionen haben...

Woran liegt diese Vergrößerung (erfolgt im IE6; andere Browser stehen nicht zur Verfügung)?!?

Vielen Dank und Grüße
Damian