title: Wrap in select box - issues with Firefox
body: <p>I have a bootstrap select box that has options that are too big for the width of the select container. The select has been overridden and styled accordingly. I have made it (or want it) to wrap the option text within the select box. It looks nice in chrome but FF it does not wrap. Take a look at <a href="http://bootply.com/83141" rel="nofollow">http://bootply.com/83141</a></p>
  
  <p>The work around for me would be to change the: text-overflow:''; to "ellipsis". Ellipsis still wraps in chrome but is more user friendly in FF by adding the ...</p>
  
  <p>Does anyone have any alternatives or get FF to warp like chrome?</p>
  
  <pre><code>            &lt;div class="span4"&gt;
                  &lt;div class="styled-select caret-select"&gt;
                      &lt;select name="tickets" id="tickets" onchange="setContractValue();"&gt;
                          &lt;option&gt;this is a long option that needs to wrap in the box&lt;/option&gt;
                      &lt;/select&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>