Salve ho trovato questo modo per fare i check con le immagini
ma a me non funziona su FF la check non cambia immagine....

Vedi Video

lato html
<fieldset>
<label for="Pref" class="check">Preferito</label>

<input type="checkbox" id="Pref" name="Pref" value="1" checked=checked/>
</fieldset>
lato css

/* common settings checkbox */
fieldset label
{
height:40px;
background-position: 35px 20px;
background-image: url('../images/unchecked.png');
float: left;
text-align: left;
padding-left: 20px;
margin-right: 0px;
background-repeat: no-repeat;
}
fieldset input[type=checkbox]
{
position:absolute;
left:0px;
}

fieldset input[type=checkbox] + label
{
display:block;
width:80px;
margin-top:10px;
margin-left:8px;
height:18px;
position:relative;

}
fieldset input[type=checkbox]:checked + label
{
background-image: url('../images/checked.png');
}