.css-grd {
/* default background colour, for all layout engines that don't implement gradients */
background: #2323dc;

background-image: -moz-linear-gradient(top left, #2323dc, #000036); /* gecko based browsers */
background-image: -webkit-gradient(linear, left top, right bottom, from(#2323dc), to(#000066)); /* webkit based browsers */
background-image: -o-linear-gradient(top left, #2323dc, #000036); /* Opera */
background-image: -ms-linear-gradient(top left, #2323dc, #000036); /* IE */
background-image: linear-gradient(top left, #2323dc, #000036); /* W3C Standard */

color: #ffffff; /* text colour (black) */
height: auto; /* gradient uses the full height of the element */
width: 80%;
padding: 5px; /* distance from border edge to text */
}

.hov-grd {
height: 100px;
padding: 5px;
}
.hov-grd:hover {
background: url(images/bkgrade.gif) 0% 0% repeat-x;
color: #000000;
height: 100px;
padding: 5px;
}