a:hover su div

[glyph.]

Qualche suggerimento per realizzarlo cross browser solo mediante css?
io sto provando ma senza riuscirci.
Grazie mille.

Codice Css:



.boxgra{
float: left;
width: 6%;
height: 130px;
background:#0c5ae8;
background:url(img/graphic.gif);
background-repeat: no-repeat;
color: #000;
margin-left: 3px;
margin-top: 3px;
min-width: 100px;
}


.boxgra a:hover{
float: left;
width: 6%;
height: 130px;
background:#fff;
background-repeat: no-repeat;
color: #000;
margin-left: 3px;
margin-top: 3px;
min-width: 100px;
}

XHTML

<div class="boxgra">

Xplosiva</p></div>

Grazie.

[oronze]

a:link {color: #FF0000} /* unvisited link */
a:visited {color: #00FF00} /* visited link */
a:hover {color: #FF00FF} /* mouse over link */
a:active {color: #0000FF} /* selected link */
questa è la coretta posizione degli elementi a...devono seguire quest'ordine