Link rebelde en Firefox

[fede_bogado]

Hola a todos,
estoy armando mi portfolio (url temporal: http://federicobogado.com.ar.elserver.com) y surge un problema al visualizarla en Firefox.

Como verán en la página principal hay varios divs que contienen la img de la miniatura del proyecto, y a la vez otro div con el nombre del proyecto.

Todas toman bien los estilos, salvo la n.15, que en este caso es la que lleva de titulo "Geometria", que en lugar de tomar el estilo de fuente para verse en blanco, se ve en azul.

Ya probé cambiando de lugar las miniaturas pero no funciona. Si ven el el códico, son todas exactamente iguales, pero en Firefox, siempre se ve mal la n.15. En Chrome y IE se ven bien.

No entiendo a que se debe, podrán darme una mano? Gracias.

[kseso?]

Cualquier otro:

Código HTML:

<a href="render.html">
   <div class="muestra">
      <img class="muestra-img" src="Img/min-render-bn.jpg">
      <div id="nombre-trabajo">Render</div>
   </div>
</a>
 

El problemático

Código HTML:

<a href="geometria.html"></a>
<div class="muestra">
   <a href="geometria.html">
      <img class="muestra-img" src="Img/min-geo-bn.jpg"></a>
   <div id="nombre-trabajo">
      <a href="geometria.html">Geometría</a>
   </div>
</div>
 

Dos sugerencias:
En el doctype que declara (XHTML 1.0 Transitional) no puede haber div´s dentro de enlaces. (en el primer ejemplo)
Tampoco debería haber un enlace sin contenido (en el segundo código).

Se lo dejo ahí, sin entrar en el css, a ver si lo encuentra con esta pista. Si no, ya comenta.

[fede_bogado]

Gracias por responder kseso?

Mira, estube pensando bastante, y lo único que se me ocurre es darle el enlace por separado, a la img y al título del proyecto. De esta forma los enlaces estarían dentro de los divs.

La verdad estoy aprendiendo y no se sobre doctype.

Tal vez te refieras a una solución más simple...

[kseso?]

Yo, personalmente, veo esa estructura más bien como una lista:

Código HTML:

<ul>
   <li><a href="#"...><img src="..." alt="..." />Texto</a>
   <li><a href="#"...><img src="..." alt="..." />Texto</a>
   <li><a href="#"...><img src="..." alt="..." />Texto</a>
...
</ul>
 

los enlaces como bloques, las imágenes también bloques (o con clear:both) y resto de propiedades para su estilismo.

Pero ya le digo, es sólo una apreciación personal