How to change font size in a navbar footer?

How to change font size in a navbar footer?

Hi,

I wanna change the font size of my navbar in the footer area. 
The problem is that it can't display the hole text and it ends always with "...".

atm my code is this:

<div data-role="footer" data-position="fixed">
<div data-role="navbar" data-iconpos="left">
<ul>
<li><a href="" data-icon="home">Home</a></li>
<li><a href="" data-icon="gear">My Settings</a></li>
<li><a href="" data-icon="plus" >Invite Friends</a></li>
<li><a href="" data-icon="refresh">Synch</a></li>
</ul>
</div>
</div>

Can anybody help me?

Cheers