MyBB Community Forums

is there a clever play of the CSS gradient?

let you see my forum at the following page http://www.kampoeng.us/
there you will find a box of yarn is selected from a variety of forums.
If your mouse cursor point to link one part of the box will produce different colors with a green background.
but the icon on the left will disappear.
try to differentiate to open my forum on the following pages http://www.kampoeng.us/ with 2 browser is mozilla and google chrome.
for mozilla it out but for google chrome will not appear.

My question is you.
how to create new rules for :hover any link that is selected, but the icon image on the left side does not vanish, by using gradient?
and can work on all browsers.

This is the CSS :hover which I now wear

.rightbar-cage p:hover, .rightbar-cage p:focus {
	color: #111111;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.7);
}

.rightbar-cage > a {
	text-decoration: none;
}

.rightbar-cage p:hover {
	background: -moz-linear-gradient(left center , #FFFFFF 0%, #DBFF99 9%, #DBFF99 60%, #FFFFFF 100%) !important;
}

for more details you try to see the attachment below.
I hope you can help me with pleasure.

last update