bueno Al, no creo que sea javascript porque trato con algunos archivos en javascript en otras paginas y no me han dado lata.. pienso que si tiene que ver con la css y mas que nada en position que tiene un valor absolute cuando hace el hover, trate de cambiarlo y quitarlo y ahi es el detalle =S les dejo el codigo
para que le echen una miradilla
gracias!
Código:
/* CSS Document */
/* needed for IE to make :active state work first time */
a, a:visited {color:#000;}
/* common styling for all galleries */
a.gallery, a.gallery:visited {
display:block; display:inline-block;
color:#000; text-decoration:none;
border:1px solid #000; width:65px;
height:50px;
float:left; margin:4px; z-index:50;}
a.slidea {background:url(images/tf1.jpg);}
a.slideb {background:url(images/tf2.jpg);}
a.slidec {background:url(images/tf3.jpg);}
a.slided {background:url(images/tf4.jpg);}
a.slidee {background:url(images/tf5.jpg);}
a.slidef {background:url(images/tf6.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}
a.slidea em {background:url(images/f1.jpg) no-repeat;}
a.slideb em {background:url(images/f2.jpg) no-repeat;}
a.slidec em {background:url(images/f3.jpg) no-repeat;}
a.slided em {background:url(images/f4.jpg) no-repeat;}
a.slidee em {background:url(images/f5.jpg) no-repeat;}
a.slidef em {background:url(images/f6.jpg) no-repeat;}
/* styling for RIGHT gallery */
#container_right {
position:relative;
width:700px;
height:320px;
background:#ffffff;
border:0 solid #a49188;
margin:1em auto;}
#container_right img {border:0;}
#container_right .thumbs {width:250px; position:absolute; right:0; top:0;}
#container_right a.gallery:hover span {
display:block;
position: absolute;
width:450px;
height:50px;
top:350px;
left:-430px;
padding:5px;
font-style:italic;
color:#999;
z-index:100;}
#container_right a.gallery:hover span:first-line {
font-style:normal;
font-weight:bold;
font-size:1.1em;
color:#000;}
#container_right a.gallery:active, #container_right a.gallery:focus {border:1px solid #000;}
#container_right a.gallery:active em, #container_right a.gallery:focus em {display:block;
position:absolute;
width:400px;
height:260px;
top:5px;
left:-425px;
color:#000;
padding: 0;
border-bottom:
30px solid #cccccc;
border-top:5px solid #ccc;
border-right:5px solid #ccc;
border-left:5px solid #ccc;
z-index:50;}
#container_right h1 {
float:left;
margin:0;
padding-top:80px;
padding-left: 150px;
width:200px;
text-align:center;
font-family: tahoma, "times new roman", serif; font-size:3em;
font-weight:bold; color:#999;}
#container_right h1 em {font-size:0.6em; color:#000;}