Ciao a tutti, sto cercando di modificare il tag select, ho letto per i vari forum (anche qui) che non esiste un modo semplice per farlo, ma con firefox ci sono quasi riuscito.
Ecco i codici HTML e CSS:
codice:
<select>
    <option value="option1" id="mezzo" selected="selected" ></option>
    <option value="option2" id="sotto" ></option>
</select>
codice:
select {
    background-image: url(../immagini/sopra.jpg);
    width: 200px;
    height: 50px;
    border: none;
    padding-top: 50px;
}
option {
    height: 50px;
}
#mezzo {
    background-image: url(../immagini/mezzo.jpg);
}
#sotto {
    background-image: url(../immagini/sotto.jpg);
}
E il risultato finale è questo:

Però, come potete vedere, non sono riuscito a rimuovere il bordo della select box.

Qualcuno può aiutarmi a rimuoverlo?