Rahmen um Thumbnails

[Take Three]

Hallo Leute,

Habe folgendes Problem: Ich will mit CSS meine anklickbaren Thumbnails so formatieren, dass wenn man mit der Maus darüberfährt sich eine gestrichelte Linie rundherum bildet. Das geht aber nur, wenn ich im IMG-Tag das border="..." weglasse. Problem: Jetzt bildet sich schon von Anfang an ein silberner Rand um die Thumbnails. WARUM?

Ein Thumbnail meiner Galerie sieht so aus:
<a href="bildgross.jpg"><img class="thumbnail" src="bildklein.jpg"></a>

Meine styles.css sieht so aus:

  
img.thumbnail:link        { color: #000000; border: 1px solid blue; }  
img.thumbnail:visited     { color: #000000; border: 1px solid yellow; }  
img.thumbnail:hover       { color: #000000; border: 1px dashed red; }  
img.thumbnail:active      { color: #000000; border: 1px dashed #000000; }  

Man kann das ganze auch ansehen unter http://mitglied.lycos.de/synthesizer/takethree/galerie.php

Vielen Dank im Vorraus
Mfg
Take Three