title: Safari Mobile Multi-Line <Select> aka GWT Multi-Line ListBox
body: <p>Working on a webapp here that must run on the iPad (so, Safari Mobile). </p>
  
  <p>I have this code that works fine in just about anything except iPad:</p>
  
  <pre><code>&lt;select class="gwt-ListBox" size="12" multiple="multiple"&gt;
      &lt;option value="Bleeding Eyelashes"&gt;Bleeding Eyelashes&lt;/option&gt;
      &lt;option value="Smelly Pupils"&gt;Smelly Pupils&lt;/option&gt;
      &lt;option value="Bushy Eyebrows"&gt;Bushy Eyebrows&lt;/option&gt;
      &lt;option value="Green Vessels"&gt;Green Vessels&lt;/option&gt;
      &lt;option value="Sucky Noses"&gt;Sucky Noses&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>What it's supposed to look like is a box with 12 lines ans 5 of them filled up. It works fine in FF, IE, Chrome, Safari Win. But, when I open it on iPad, it's just a single line!</p>
  
  <p>Styling it with CSS doesn't work. It just makes the single line bigger if I set the height. Is there a way to make it behave the same way as in normal browsers, or do I nave to make a custom component?</p>
  
  <p>Thanks.</p>