Окно HTML/CSS на мобильном телефоне

Question

Следующие simple fiddle shows a list box with the set of country names. На ПК свойство height указывает на страницу, чтобы отобразить окно списка вместо раскрывающегося списка, и, следовательно, видны n. На мобильном устройстве (iPad/iPhone) свойство height, похоже, сообщает странице, насколько высок элемент управления выпаданием (это выглядит нелепо, как и следовало ожидать).

Мой класс CSS выглядит следующим образом:

.sliderlist { 
    width: 240px; 
    height: 620px; 
    font-size: 12px; 
    font-family: "Verdana", Geneva, sans-serif; 
} 

Я хотел бы поле со списком на странице, ПК или мобильного телефона, а не падение вниз. Как я могу это сделать с помощью HTML/CSS?

Чтобы пояснить, что я имею в виду, следующее фото из моего IPad того, что список выглядит (это просто капля вниз, высота которого задается свойством высота):

и на ПК с тем же кодом у нас есть список, а не выпадающий список. Я хочу, чтобы этот последний на мобильный тоже: