title: Bootstrap dropdown - right side of the list gets cut off on Firefox
body: <p>When I tried to implement some dropdown lists with Bootstrap on a webpage, I noticed that one of them gets cut off on the right side, which looks like this: </p>
  
  <p><img src="https://s30.postimg.org/odzx96zjl/Unbenannt.png" alt="a busy cat"></p>
  
  <p>I am testing with Firefox. Firebug doesn't show any conflict with an <code>overflow</code> attribute, but funnily enough when I de- and reactivate the <code>width</code> attribute of the menu's parent container, the line finally appears, but bold though. I tested the page with IE, where the menu looked fine. Is this just a flaw of Firefox, and can this be fixed somehow? I know this is just a minor cosmetic issue, but it looks really awful in my eyes...</p>
  
  <p>Here's some of my HTML code:</p>
  
  <pre><code>&lt;div class="container"&gt;
  ...     
  &lt;div class="para"&gt;
      ...
      &lt;form action="form.php" method="post" enctype="multipart/form data"&gt;
          ...
          &lt;div class="form-group"&gt;
              ...
              &lt;div class="row"&gt;
                  ...
                  &lt;div class="col-md-1"&gt;
                      &lt;select name="unit" size="1" class="form-control unit" required&gt;
                          &lt;option value="kW"&gt;kW&lt;/option&gt;
                          &lt;option value="MW"&gt;MW&lt;/option&gt;
                          &lt;option value="GW"&gt;GW&lt;/option&gt;
                          &lt;option value="kWh"&gt;kWh&lt;/option&gt;
                          &lt;option value="MWh"&gt;MWh&lt;/option&gt;
                          &lt;option value="GWh"&gt;GWh&lt;/option&gt;
                      &lt;/select&gt;
                  &lt;/div&gt;
                  ...
              &lt;/div&gt;
          &lt;/div&gt;
          ...
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>