Correttezza del form: problema di style.display

[Mikele Sagitter]

Ciao ragazzi ho 2 controlli sul mio form che evidenziano in rosso o in verde le input a seconda se i dati siano inseriti correttametne o meno, inoltre fanno visualizzare uno span se sbagliato uno span se giusto i cui sfondi sono una crocetta rossa o una v verde. Solo che i suddetti simboli non compaiono e non capisco perchè. I bordi vengono visualizzati correttamente e il firebug non segnala alcuna sintassi errata o errore javascript...vi poso il codice

// Se sbalgiato...

function evidenzia(e) {
            document.getElementById(e).style.border=3;
            document.getElementById(e).style.borderColor="#f00";
            document.getElementById(e).style.borderStyle="solid";
            document.getElementById("boxcontrollo").style.display="block";
            document.getElementById(e + "lab").style.color="#f00";
            document.getElementById(e + "lab").style.fontWeight="bold";
            document.getElementById(e).parentNode.nextSibling.style.display="block";
    }

//Se corretto...

function evidenziaok(e) {
            document.getElementById(e).style.border=3;
            document.getElementById(e).style.borderColor="#6C0";
            document.getElementById(e).style.borderStyle="solid";
            document.getElementById(e + "lab").style.color="#6C0";
            document.getElementById(e + "lab").style.fontWeight="bold";
            document.getElementById(e).parentNode.nextSibling.nextSibling.style.display="block";
    }





CSS dei 2 span (aster e asterok)

span.aster {
    width:14px;
    height:14px;
    background-image:url(img/falso.gif) no-repeat;
    color:#FF0000;
    font-size:20px;
    font-weight:bold;
    display:none;
    }

span.asterok {
    width:14px;
    height:14px;
    background:url(img/vero.gif) no-repeat;
    color:#66FF00;
    font-size:20px;
    font-weight:bold;
    display:none;
    } 

grazie a tutti