title: White space above second inline-block div
body: <p>I'm sure I've overlooked something here but cannot work it out. There's white space above my second inline-block div, and this only occurs when the 'text here' length in the right div is less than that in the left.</p>
  
  <p>jsFiddle: <a href="http://jsfiddle.net/B2S4r/2/">http://jsfiddle.net/B2S4r/2/</a> (You'll need to make the HTML view wider to see them along side each other)</p>
  
  <pre><code>&lt;div style="border-top: 1px dashed black; display: inline-block; width: 250px; margin-bottom: 10px; margin-right: 10px; margin-top: 0;"&gt;
  
      &lt;div style="height: 50px; padding-top: 2px; padding-bottom: 2px; text-align:right; font-size: 11px;"&gt;
          &lt;div style="display: block; width: 80px; height: 50px; float: left; background-color: #cdcdcd; background-position: left center;"&gt;
          &lt;/div&gt;
  
          &lt;span class="main_header" style="font-size: 21px; margin: 0;"&gt;Title&lt;/span&gt;
          &lt;br /&gt;
          Subtitle
  
      &lt;/div&gt;
  
      &lt;div style="display:block; background-color: #efefef; height: 75px; padding: 5px; font-size: 12px;"&gt;
      Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here 
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div style="border-top: 1px dashed black; display: inline-block; width: 250px; margin-bottom: 10px; margin-right: 10px; margin-top: 0;"&gt;
  
      &lt;div style="height: 50px; padding-top: 2px; padding-bottom: 2px; text-align:right; font-size: 11px;"&gt;
          &lt;div style="display: block; width: 80px; height: 50px; float: left; background-color: #cdcdcd; background-position: left center;"&gt;
          &lt;/div&gt;
  
          &lt;span class="main_header" style="font-size: 21px; margin: 0;"&gt;Title&lt;/span&gt;
          &lt;br /&gt;
          Subtitle
  
      &lt;/div&gt;
  
      &lt;div style="display:block; background-color: #efefef; height: 75px; padding: 5px; font-size: 12px;"&gt;
      Text here Text here Text here Text here Text here Text here Text here Text here Text 
      &lt;/div&gt;
  &lt;/div&gt;​
  </code></pre>