Discrepancias entre Firefox y Safari
hola, estoy testeando la nueva web, una de sus características es que al :hover en las imágenes una caption animada aparece gracias a jquery y el plugin Captify .
El problema es que si entras con Firefox la parte superior de la caption está desplazada de su contenedor (la imagen) por unos px cosa que si entras desde Safari no pasa.
He repasado css y no acabo de ver el error, si alguien detecta el error sería genial.
test site
http://www.polmoneys.com/newindex.html
plugin
http://thirdroute.com/projects/captify/
/* caption styling */
.caption-top, .caption-bottom {
color: #ffffff;
margin:0;
padding: 1.2em 10px;
font-weight: bold;
font-size: 13px;
background: #2e54a2 url('ux/bg_button.png') repeat-x 0 top;
border: 0px solid #242424;
text-shadow: 1px 1px 0 #202020;
line-height: 1.5em;
}
.caption-top {
border-width: 0px 0px 2px 0px;
}
.caption-bottom {
border-width: 2px 0px 0px 0px;
}
.caption a, .caption a {
border: 0 none;
text-decoration: none;
background: #000000;
padding: 10px;
}
.caption a:hover, .caption a:hover {
background: #202020;
}
lo dicho, muchas gracias