title: select2 alignment not working
body: <p>select2-3.5.2 was working fine. but as soon as i upgrade to 4.0.3 it is suddenly appearing on left side of the page. I am using jquery-UI, hoping these two will play well together.</p>
  
  <p><strong>float:right; is having no impact on select2-4.0.3</strong></p>
  
  <pre><code>    &lt;div style="position:absolute; top:0px; left:0px; width:100%" class="ui-widget infobar-wrapper"&gt;
          &lt;div name="ibar1" id="ibar1" class="ui-widget-header infobar"&gt;
              &lt;select name="themes" id="themes" style="float:right;"&gt;  &lt;!--margin-top:-3px;--&gt;
                &lt;option&gt;&lt;/option&gt;
                &lt;option value="black-tie"&gt;black-tie&lt;/option&gt;
                &lt;option value="trontastic"&gt;trontastic&lt;/option&gt;
                &lt;option value="ui-darkness"&gt;ui-darkness&lt;/option&gt;
                &lt;option value="ui-lightness"&gt;ui-lightness&lt;/option&gt;
              &lt;/select&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>as i do this in JS:</p>
  
  <pre><code>$("#themes").select2({dropdownAutoWidth:true,placeholder:'Change theme'});
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>.infobar {
      height:27px;
      font-weight:bold;
      overflow:hidden;
      border:0px;
  }
  </code></pre>