En primer lugar agradeceros el tiempo y pedir disculpas por la falta de información. Furoya, con respecto del html es este:
Código HTML:
<!--Vistas seleccionables del producto-->
<div id="thumbnails">
{embed="/embeds/product_images" entry_id="{freebie_last}"}
</div> Lo que hay entre corchetes son variables de Expression Engine, el CMS que utilizo para el desarrollo de este proyecto. Estas variables rellenan una serie de 4 thumbnails que contienen diferentes vistas de un producto.
El CSS escrito en el post sirve para poner una sombre interna en los cuatro lados dentro del cuadro que contiene el thumbnail y en el hover cambia el color al pasar el ratón por encima.
Tal como está funciona bien con IE, FF, Crhome y Safari. Sin embargo con Opera no cambia el color correctamente en el hover. Lo uqe hace es que en el primer thumbnail que tocas lo cambia bien, pero cuando desplzas elratón a los demás thumnails se deja la parte del Bottom sin cambiar.
Bonez. He seguido tu indicación pero no resuelve el problema y además genera problemas adicionales. De momento lo he dejado así
Código HTML:
#thumbnails :hover{-moz-box-shadow:inset 0 0 10px #888888;-webkit-box-shadow:inset 0 0 10px #888888;box-shadow:inset 0 0 10px #888888;-o-box-shadow:inset 0 0 10px #888888;}
Pero sigue sin resolverse el problema inicial.
¿Podría ser un BUG de Opera?
MUchas gracias de nuevo por vuestra ayuda