Avoir une barre de défilement dans la liste déroulante HTML

Je suis à la recherche d'un moyen d'avoir une barre de défilement dans la liste déroulante en HTML, de telle sorte que si la liste déroulante contient plus de par exemple. 5 éléments, une barre de défilement apparaîtra pour visualiser le reste. C'est parce que je vais être obligé d'avoir une grande liste.
J'ai été googleing pour le passé des heures, mais avec pas de chance.

Il a besoin de travailler pour IE8+, FF et Chrome.

Ma liste ressemble à ceci:

<select name="Select1" size="1">
<option value="">- Please select a name -</option>
<option value"volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="ford">Ford</option>
<option value="toyota">Toyota</option>
<option value="aston">Aston Martin</option>
<option value="alfa">Alfa Romeo</option>
</select>

J'ai essayé d'utiliser le code CSS suivant dans un Div, mais qui ne fait pas de différence.

.myDropDown{
height: 60px;
max-height: 60px;
overflow-y: scroll;
}

La modification de la "taille" donne une grande mesure de défilement de la table, ce qui n'est pas ce que je suis après.

http://blogs.msdn.com/cfs-filesystemfile.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-70-78-metablogapi/1882.clip_5F00_image001_5F00_thumb.png est une image appropriée de ce que je suis après.

J'ai la possibilité d'utiliser le js, php et jQuery, si nécessaire, mais la solution la plus simple, le mieux.

//Ambrose

InformationsquelleAutor Ambrose | 2014-05-27