Jak zrobić efekt po najechaniu myszka na belke

wersja skryptu MyBB: 1.6.13
adres forum: chyba nie potrzebne
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

jak uzyskać takowy efekt po najechaniu myszką na belkę http://forum.rev-gaming.pl/

http://www.w3schools.com/CSSref/sel_hover.asp

Zrób to dla klasy thead.

udało mi się coś takiego zrobić efekt niby działa lecz odrazu się zmienia.

.thead {
    background:#CA2000 url(images/luxure/bubbles.png) no-repeat right -95px;
    position: relative;
    height: 40px;
    padding: 0 0 0 20px;
    color:#fff;
    font-family: 'Robotolc', 'Arial Narrow','Open Sans', Arial, Tahoma, Verdana, sans-serif;
    text-transform: uppercase;
}
.thead:hover{
    background:#CA2000 url(images/luxure/bubbles.png) no-repeat right -200px;    
}
.thead a:link, .thead a:visited, .thead a:hover, .thead a:active{
    color: #fff;
    text-decoration: none; 


Do tego jeszcze wchodzi: http://www.w3schools.com/css/css3_transitions.asp