title: jQuery Mobile grid space gap
body: <p>I'm using <a href="http://jquerymobile.com/demos/1.0a4.1/#docs/content/content-%20grids.html" rel="nofollow">jQuery Mobile layout grids</a> with 2 columns but there's a space gap when the cell's height is different.</p>
  
  <p>Example:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta charset="utf-8" /&gt;
          &lt;title&gt;jQueryMobile Demos&lt;/title&gt;                         
          &lt;link type="text/css" rel="stylesheet" href="jquery.mobile-1.0a4.min.css" /&gt;
          &lt;script type="text/javascript" src="jquery-1.5.2.min.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="jquery.mobile-1.0a4.min.js"&gt;&lt;/script&gt;            
      &lt;/head&gt;
      &lt;body&gt;        
          &lt;div data-role="page"&gt;
              &lt;div data-role="content"&gt;
                  &lt;div class="ui-grid-a"&gt;
                      &lt;div class="ui-block-a"&gt;&lt;div class="ui-bar ui-bar-c"&gt;Name&lt;/div&gt;&lt;/div&gt;
                      &lt;div class="ui-block-b"&gt;&lt;div class="ui-bar ui-bar-c"&gt;Diogo&lt;br /&gt;Cardoso&lt;/div&gt;&lt;/div&gt;             
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;  
      &lt;/body&gt;
  </code></pre>
  
  <p></p>