Necesito ayuda,
Estoy implementado la siguiente galeria en mi propia pagina
http://www.cssplay.co.uk/menu/scroll_gallery.html
Todo trabaja bien en mi pagina, el problema es que no me aparece la imagen en el div "scrollbox", solo se mira un recuadro vacio, sin embargo al presiona sobre ese recuadro vacio me aparece la imagen correcta apliada en la parte superior.
He notado que la imagen me dejó de aparecer cuando le puse el tag <span> </span>entre el <a> y el </a>
Aquí les pongo mi codigo modificado, pero no se por qué me da ese problema. Si alguien me pueda ayudar.
--------------- html ---------------
<div id="info">
<div id="pad"></div>
<div class="slidek"></div>
<div id="scrollbox">
<div id="thumbs">
<a class="gallery slidea" href="#nogo" ><span><img src="ImagenAnuncios/BR000001_1.JPG" />uno</span></a>
<a class="gallery slidea" href="#nogo" ><span><img src="ImagenAnuncios/BR000365_2.JPG" />dos</span></a>
</div>
</div>
</div> <!-- end of info -->
---------- el codigo CSS -------------
#info {position:relative; background:#fff url(Imagen/anuncio_vacio.GIF) 70px 54px no-repeat;}
#scrollbox {width:340px; height:80px; background:#f4f4f4; overflow:auto; border:1px solid #aaa; }
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:65px; height:45px; margin:3px; float:left;}
a.slidea {background:url(thumb2.jpg);}
a.gallery span {display:block; position: absolute; left:10px; top:-1px; width:1px; height:1px; overflow:hidden; background:#efedec; z-index:100;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:1px solid #000; z-index:100;}
a.gallery:active img, a.gallery:focus img {border:1px solid #000; z-index:50;}
a.gallery:hover span {display:block; position: absolute; width:320px; height:240px; top:5px; left:10px; padding:5px; font-style:normal; color:#000; background:#fff; z-index: 100;}
a.gallery:active {border:1px solid #eee;}
a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:320px; height:240px; top:5px; left:10px; padding:5px; font-style: normal; color:#000; background:#fff; z-index:50;}
#thumbs {width:700px; height:50px;}
#pad {height:290px; width:100px;}
