Bild mit Hover Effekt zum anklicken

<style type="text/css">
<!--
#bildbox1 {
background-image: url(http://bildurl.de); /*Ausgangsbild*/

width:300px; /*Maßangaben. Gleich den Hintergrundbildern*/
height:]300px;

}
#bildbox1:hover {
background-image:url(http://hoverbild.de); /*Bild für den hover effekt*/
}
-->
</style>

<div id="bildbox1"></div>