validazione form con pulsante immagine

[pettedemon]

validazione form con pulsante immagine

Ciao a tutti.
Io ho un normale form alla fine del quale vorrei inserire un pulsante animato tramite css per validare il form.... non riesco a venirne fuori.
Come posso fare ?

Questo è il css per il pulsante

#pulsante_invia
{
        width: 114px;
    height: 40px;
    float: left;
    padding-left: 264px;
    padding-top: 120px;
}

.invia a {
display:block;
width: 114px;
height: 40px;
background: url("../images/button/invia_ok.png") 0 0 no-repeat;
text-decoration: none;
}
.invia a:hover { 
background-position: 0 -40px;

}
.invia a:active {
background-position: 0 -80px;

}
```questo è il form

<form name="ciccio" method="post" onsubmit="return check();">

<input name="nome" type="text" class"scritte_form" style="float: left;
border: 1px;
background: white ;
vertical-align: center;
margin-left:120px;
margin-top:264px;
height: 20px;
width: 460px;"/>
<input name="cognome" type="text" class"scritte_form" style="float: left;
border:1px;
background: white ;
vertical-align: center;
margin-left:160px;
margin-top:14px;
height: 20px;
width: 420px;"/>
<input name="indirizzo" type="text" class"scritte_form" style="float: left;
border:1px;
background: white ;
vertical-align: center;
margin-left:140px;
margin-top:14px;
height: 20px;
width: 440px;"/>
<input name="cap" type="text" class"scritte_form" style="float: left;
border:1px;
background: white ;
vertical-align: center;
margin-left:100px;
margin-top:14px;
height: 20px;
width: 70px;"/>
<input name="citta" type="text" class"scritte_form" style="float: left;
border:1px;
background: white ;
vertical-align: center;
margin-left:80px;
margin-top:14px;
height: 20px;
width: 200px;"/>

                <input name="provincia" type="text" class"scritte_form" style="float: left;
border:1px;
background: white    ;
vertical-align: center;
margin-left:90px;
margin-top:14px;
height: 20px;
width: 40px;"/>

<input name="mail" type="text" class"scritte_form" style="float: left;
border:1px;
background: white    ;
vertical-align: center;
margin-left:100px;
margin-top:14px;
height: 20px;
width: 480px;"/>

    <input name="telefono" type="text" class"scritte_form" style="float: left;
border:1px;
background: white    ;
vertical-align: center;
margin-left:150px;
margin-top:14px;
height: 20px;
width: 430px;"/>

        <input name="nascita" type="text" class"scritte_form" style="float: left;
border:1px;
background: white    ;
vertical-align: center;
margin-left:215px;
margin-top:14px;
height: 20px;
width: 365px;"/>

<input name="accetto" type="checkbox" style="float: left; margin-top:18px; margin-left:420px;" value="checkbox" checked="checked"/>

</div>

<div id="pulsante_invia" class="invia">

<a href="javascript:check();"> </a>

</div>

</form>

<script language="javascript" type="text/javascript">
function check(){
if(document.ciccio.accetto.checked!=true){
alert("Devi aver letto e accettato le condizioni di utilizzo");
return false;
}
else{
errore1 = "Devi inserire il tuo nome";
errore2 = "Devi inserire la tua mail";
errore3 = "Devi inserire la tua data di nascita";
errore4 = "Devi inserire il tuo CAP";
errore5 = "Devi inserire un tuo recapito telefonico";
errore6 = "Devi inserire il tuo cognome";
errore7 = "Devi inserire la provincia";
errore8 = "Devi inserire la tua città";
errore9 = "Devi inserire il tuo indirizzo";

    if (document.ciccio.nome.value.length ==0){alert(errore1);return false;}
        if (document.ciccio.mail.value.length ==0){alert(errore2);return false;}
        if (document.ciccio.nascita.value.length ==0){alert(errore3);return false;}
        if (document.ciccio.cap.value.length ==0){alert(errore4);return false;}
        if (document.ciccio.telefono.value.length ==0){alert(errore5);return false;}
        if (document.ciccio.cognome.value.length ==0){alert(errore6);return false;}
        if (document.ciccio.provincia.value.length ==0){alert(errore7);return false;}
        if (document.ciccio.citta.value.length ==0){alert(errore8);return false;}
        if (document.ciccio.indirizzo.value.length ==0){alert(errore9);return false;}

    document.ciccio.action="convalida_news.php";
    return true;
    }

}

</script>

Grazie

Così facendo una volta effettuato il primo controllo lo script mi restituisce una pagina vuota con scritto "false"