Hello all.
i have a menu (superfish menu- using
- tags) that changes background image when mouse is over. for some reason i.e. won't show the regular backgrounds, only the "over" ones, once mouse is over a button.
this is my CSS code:
.item1 > a {
background-image: url(../images/menu_item1.png);
background-repeat: no-repeat;
background-position: left bottom;
text-decoration:none;
padding-top: 0.75em;
padding-bottom: 0.75em;
padding-left: 1px;
text-indent:-9999px;
}
.item1 > a:hover, .active.item1 > a:link, .active.item1 > a:visited {
background-image: url(../images/menu_item1_over.png);
background-repeat: no-repeat;
background-position: left bottom;
}
any ideas anyone?
thanks