Hi all,

I am using  jquery.mobile-1.4.5

and working on a fixed bottom footer

currently as listed below...

It works ok - but there is space between each button...

Q: Is there a way to have each button auto width to fill so there is no empty space?

---------

<footer data-role="footer" class="ui-barNAH" data-position="fixed" data-theme="a">

<div class="ui-grid-c">

<div class="ui-block-a"><a href="#" rel="external" data-role="button" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-home">Home</a></div>

<div class="ui-block-b"><a href="#" rel="external" data-role="button" class="ui-btn ui-shadow ui-btn-icon-left ">Go Here</a></div>

<div class="ui-block-c"><a href="#" rel="external" data-role="button" class="ui-btn ui-shadow ui-btn-icon-right ui-icon-info">Go Here</a></div>

<div class="ui-block-d"><a href="#" rel="external" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-right ui-icon-search">Go Here</a></div>

</div>

</footer>