Opacity, transition и firefox?

Question

[SharkyFLY]

имеется изображение, при наведении на которое, плавно меняется прозрачность:

#work img { <br/>
width: 100%; <br/>
opacity: 1.0; <br/>
transition: 0.1s ease-in-out; <br/>
-moz-transition: 0.1s ease-in-out; <br/>
-webkit-transition: 0.1s ease-in-out; <br/>
}<br/>
<br/>
#work article:hover img { <br/>
opacity: 0.3; <br/>
transition: 0.3s ease-in-out; <br/>
-moz-transition: 0.3s ease-in-out; <br/>
-webkit-transition: 0.3s ease-in-out;<br/>
}

беда в том, что firefox показывает это изменение через черный полупрозрачный квадрат.

в остальных браузерах все норм. портит как png так и jpg.




помогите разобраться

Answer 1

[rasa]

Использовал такой код в css
img {
width: 100%;
opacity: 1.0;
transition: 0.1s ease-in-out;
-moz-transition: 0.1s ease-in-out;
-webkit-transition: 0.1s ease-in-out;
}

img:hover {
opacity: 0.3;
transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-webkit-transition: 0.3s ease-in-out;
}

Firefox 10.0.2 release/debian linux — полет нормальный работает корректно, черного квадрата нет