imagénes-enlace con marco

[boli-sp]

hola!

tengo una galería de fotos y tengo la foto a visualizar y después miniaturas de todas las fotos que hay (que son enlaces).
esas miniaturas quería que tuviesen un marco por defecto negro, que al ponerse encima de una de ellas que el marco fuese rojo y que la foto que estea seleccionada, que la que coincide con la miniatura tuviese el marco de color blanco.

Código css:

#miniaturas img
{
    border: 2px solid #000; /*por defecto*/
}
 
#miniaturas img a:hover, #miniaturas img a:active
{
    border: 2px solid #C00; /*al ponerse encima*/
}
 
.seleccionado
{
    border: 2px solid #FFF; /*seleccionado*/
}
 

el problema está en que se ponen todos los marcos negros y al ponerse encima no pasa nada, y la que está seleccionada tampoco..
si quito #miniaturas img funciona pero los marcos son de otro color en vez de negros

gracias!

[mayid]

Si estas usando un script que te genera esa galeria de imagenes, muy probablemente ese script genere dinamicamente una ruta que no sería: #miniaturas img a

SUgiero busques la ruta que genera tu script , o nos pases la direccin de la web para detectarla.

En cuanto al color de borde, que funciona pero en tono diferente, lo que puede pasar es que haya otra instruccion posterior que este dando ese tono. POdes asegurarte de que quedan negra asi:

color: #000 !important;

[boli-sp]

gracias por contestar mayid

sigue sin ir y hay una regla para los enlaces normales pero para las imágenes sólo son las que puse en el post :S

la galería la hice en php y funciona así

Código html:

<!-- cuando no esta seleccionada, tiene que tener marco negro y al ponerse encima que se vuelva rojo -->
<a href="?pag=multimedia&foto=1">
<img src="fotos/min.jpg" width="160" height="120"/>
</a>
 
<!-- cuando esta seleccionada, tendria que tener marco blanco -->
<a href="?pag=multimedia&foto=1">
<img src="fotos/min.jpg" width="160" height="120" class="seleccionado"/>
</a>
 

alguna solución? gracias!

[Mikmoro]

Prueba con:

#miniaturas a {border: 2px solid #000;}
#miniaturas a:hover, #miniaturas a:active, #miniaturas a:focus {border: 2px solid #C00;}
#miniaturas a.seleccionado {border: 2px solid #FFF;}