title: OPTION element inside SELECT too long & breaking mobile layout
body: <p>I have a responsive site design, most of which works just fine.</p>
  
  <p>On the checkout page though I have a <em>Select</em> element for selected a country. Some of the options are very long, the "Congo, the Democratic Republic of the" for example. This pushes the layout out to the right, breaking the layout and making the layout scroll horizontal - which is horrible ;)</p>
  
  <p>If I remove the select completely, the layout displays fine. And if I remove all the options and put short tests ones in their place it also works fine. So I'm pretty sure its the long <em>Option</em>'s which is the issue. The Select itself is only 50% wide, so that doesn't run off the screen - its the 'invisible' option elements.</p>
  
  <p>Here is a temp link: <a href="http://moymadethis.com/oca/test.html" rel="nofollow">http://moymadethis.com/oca/test.html</a></p>
  
  <p>Works fine on desktop, issue is on iphone mobile (safari, chrome and opera).</p>
  
  <p>Thanks, hope someone can shed some light on a solution for this?
  Steve</p>