Solution
Working example: http://jsfiddle.net/Gajotres/BFfWc/
Change:
<div class="ui-grid-d">
To:
<div class="ui-grid-c">
HTML :
<div class="ui-grid-c">
<div class="ui-block-a"><div style="height:60px" class="ui-bar ui-bar-e">A</div></div>
<div class="ui-block-b"><div style="height:60px" class="ui-bar ui-bar-e">B</div></div>
<div class="ui-block-c"><div style="height:60px" class="ui-bar ui-bar-e">C</div></div>
<div class="ui-block-d"><div style="height:60px" class="ui-bar ui-bar-e">C</div></div>
<div class="ui-block-a"><div style="height:60px" class="ui-bar ui-bar-e">A</div></div>
<div class="ui-block-b"><div style="height:60px" class="ui-bar ui-bar-e">B</div></div>
<div class="ui-block-c"><div style="height:60px" class="ui-bar ui-bar-e">C</div></div>
<div class="ui-block-a"><div style="height:60px" class="ui-bar ui-bar-e">A</div></div>
<div class="ui-block-b"><div style="height:60px" class="ui-bar ui-bar-e">B</div></div>
<div class="ui-block-c"><div style="height:60px" class="ui-bar ui-bar-e">C</div></div>
</div>