Background transition test Opera

by htmlboy

HTML

This white to transparent transition looks odd in Opera:
<div>
    <a href="#">Background transition hover test</a>
</div>

CSS

div{
    background-color:grey;
    padding:10px;
    text-align:center;
}
a{
    background-color:#fff;
    color:orange;
    font-family:sans-serif;
    text-decoration:none;
    -webkit-transition:background-color ease-in-out .5s;
       -moz-transition:background-color ease-in-out .5s;
           -o-transition:background-color ease-in-out .5s;            transition:background-color ease-in-out .5s;
}

a:hover{
    background-color:transparent;
    text-decoration:none;
}