title: css: right-aligned element is off-screen
body: <p>I'm using twitter bootstrap for my css and the following code has an issue with the alignment:</p>
  
  <p>see jsfiddle here:  <a href="http://jsfiddle.net/graphicsxp/99rhF/" rel="nofollow">http://jsfiddle.net/graphicsxp/99rhF/</a>  (make sure you enlarge the html view)</p>
  
  <pre><code>&lt;div class="view-header"&gt;
   &lt;span class="view-title"&gt;Recherche de mandats&lt;/span&gt;
  &lt;div class="pull-right"&gt;
  &lt;a style="line-height: 30px; margin-right: 20px; vertical-align: bottom; float: left;"&gt;
      &lt;span class="pointer"&gt;more options&lt;/span&gt;
  &lt;/a&gt;
  &lt;form class="form-inline pull-left" placeholder="N° de contrat, nom/numéro de client" css-class="input-xxlarge"&gt;
      &lt;input class="input-xxlarge ng-dirty" type="text" placeholder="N° de contrat, nom/numéro de client" ng-model="model"&gt;
      &lt;button disabled="disabled" class="btn btn-info" type="submit"&gt;&lt;i class="icon-search"&gt;&lt;/i&gt;&amp;nbsp;Rechercher&lt;/button&gt;
  &lt;/form&gt;
  &lt;/div&gt;
   &lt;div class="clearfix"&gt;&lt;/div&gt;
  
  &lt;div class="pull-right"&gt;
  &lt;/div&gt;
   &lt;div class="clearfix"&gt;&lt;/div&gt;
  
      &lt;/div&gt;
  </code></pre>
  
  <p>as you can see the button with the label 'Rechercher' is too far right. What am I doing wrong ? </p>