Estoy haciendo pruebas con varios lightbox, y al montar un esquema de página me aparecen unos pequeños segmentos entre las miniaturas, ni idea de dónde salen

Vista más cercana, señalo las anomalías:

Por si ayuda pongo borde CSS a las viñetas:

El código es muy sencillo:
Código HTML:
Ver originaldiv class="panel">
<a href="fotosLB/a.jpg" >
<a href="fotosLB/b.jpg" title="Under way">
Y en CSS:
Código CSS:
Ver original.panel {
height: 600px;
width: 390px;
padding: 20px 0 0 20px;
}
.panel img {
width: 140px;
height: 100px;
padding: 10px;
border: 1px solid silver;
}
¿Alguien sabe por qué aparecen esas barritas? Gracias, un saludo.