selectfelder mit zusätzlichem Rahmen versehen

[Enrico]

Hallo,

ich möchte um selectfelder einen zusätzlichen Rahmen anzeigen lassen und habe hierfür folgende Definitionen:

span
     {
        border:     1px solid #ffffff;
     }

select
     {
        border:     1px solid #646464;
        color:      #b2b2b2;
        background: #5d7ac5;
     }

select:hover
     {
        background: #b0c6ff;
        color:      #000000;
     }

Der relevante Teil der html-Datei sieht wie folgt aus:

<span>
        <select>
           <option value="Keine_Auswahl" selected>Anfangsbuchstabe</option>
           <option value="Keine_Auswahl">A</option>
           <option value="Keine_Auswahl">D</option>
           <option value="Keine_Auswahl">E</option>
        </select>
     </span>

Nun habe ich aber festgestellt, dass mir der umgebende Rahmen nur links, oben und rechts vom
selectfeld angezeigt wird, nicht aber unten.

Warum ist das so?
Habe ich bei den Difinitionen etwas falsch gemacht oder etwas vergessen?

Vielen Dank für Eure Hilfe.

Gruß
Enrico