Link border om billeder i CSS

Jeg har læst alle tidligere spørgsmål og svar om dette, og de siger alle det samme. Egentlig også det jeg troede jeg havde gjort, men her kommer sagen.

Er ved at sætte mig ind i CSS så min webpage kan blive bedre (bruger frames pt.). Arbejder ud fra en blanding af en tutorial fra html.dk og hæftet CSS fra Libris.

Jeg arbejder i Dreamweaver CS5, og den primære browser jeg bruger er Firefox.

Jeg er ved at oprette et sidehoved (kapitel 18 i hæftet) som skal indeholde mit bannerbillede og min menulinje (opretter disse i et sidehovede da jeg kan læse mig til at det er måden at gøre det på, når ønsker at have forskel på style fra disse og resten af siden?).

Når jeg gør præcis som hæftet beskriver (ej grafik baseret menulinje) virker det fint med at jeg kan styre hvordan links skal ses. Men så snart jeg skifter hæftets tekstbaserede menulinje ud med min egen grafik (jpg knapper) og gør dem til links ignorerer den at jeg sætter border til 0. Har prøvet at "snyde" den og lave border samme farve som min background, det er den også ligeglad med.

Her er teksten i html delen (blanding af den fra hæftet og mine filer):
<div id="topnav">
<h1>
<a href="/"><img src="file:///BILLED1.jpg"></a>
<a href="/"><img src="file:///BILLED2.jpg"></a>
</h1>
</div>

I stylesheetet har jeg så defineret følgende:
#topnav {
    text-align:center;
    margin: 0;
    padding: 0;
    width: 940px;
    background: #999;
h1 {
    margin: 0;
    padding: 0;
}
h1 img {
    border: 0;
    padding: 5px;
}
#topnav a:link, #topnav a:visited, #topnav a:hover, #topnav a:active {
    text-decoration:none;
    border: none;
    border-color: #999;
}

Hvad gør jeg galt? Hvorfor læser den ikke, at jeg ikke ønsker at man skal kunne se en ramme om billedet.

Håber der er nogen der kan hjælpe.

Hilsen
Pia