Dúvida em CSS aplicado a links

[Nerão]

Bom, pessoal, sou novo no fórum e venho aqui pra mostrar o meu probleminha, será que alguém sabe resolver isso?

Tenho o seguinte código que define uma galeria de imagens com float left e elas estão agrupadas numa ordem que eu quero:

<div class="mid-gallery-pic">
<img src="images/thumb.jpg" width="160" height="100" /></div>
<div class="mid-gallery-pic">
<img name="" src="images/thumb3.jpg" width="160" height="100" alt="" /></div>
<div class="mid-gallery-pic">
<img name="" src="images/thumb2.jpg" width="160" height="100" alt="" /></div>
<div class="mid-gallery-pic">
<img name="" src="images/thumb3.jpg" width="160" height="100" alt="" /></div>
<div class="mid-gallery-pic">
<img name="" src="images/thumb4.jpg" width="160" height="100" alt="" /></div>
<div class="mid-gallery-pic">
<img name="" src="images/thumb5.jpg" width="160" height="100" alt="" /></div>
<div class="mid-gallery-pic">
<img name="" src="images/thumb6.jpg" width="160" height="100" alt="" /></div>
<div class="mid-gallery-pic">
<img name="" src="images/thumb7.jpg" width="160" height="100" alt="" /></div>

Agora é que são elas: Se eu defino uma destas imagens como "anchor" assim:

<div class="mid-gallery-pic">
<a href=""><img src="images/thumb.jpg" width="160" height="100" /></a></div>

e defino no topo da minha folha de estilos que os links não tem decoração:

a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
a:active {
    text-decoration: none;
}

por que é que elas ficam com uma borda azul? não consigo entender!!!

dem uma olhada na screen:

Aguardo ansioso, pessoal. Obrigado!

[vini_loock]

Você tem que colocar na sua imagens isso:

border="0"

[Nerão]

Você tem que colocar na sua imagens isso:

border="0"

poutz, exatamente, deu certo, obrigado. Foi um momento de stress porque não conseguia imaginar como sair disso, haha.

bom, no começo do CSS já defini isso:

img{ border:0px; }