validazione form con pulsante immagine

[pettedemon]

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">



</div>

</form>

e questa è la funzione javascript per controllare il 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>

sapete darmi una mano ?
Grazie

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

[br1]

Invia

Se il form non e' inviato tramite pulsante submit o image devi adottare questa sintassi... o simile.

ciao

[pettedemon]

perfetto!
funziona!
grazieeeee!