title: Rounded corners for navbar?
body: <p>For example, I can use this</p>
  
  <pre><code> -webkit-border-radius: 30px
  </code></pre>
  
  <p>To give the HTML5 element, such as a button, a round corner instead of a normal angular corner</p>
  
  <p>Can I do the same for navbar?</p>
  
  <p>The below is awesome but I am just curious if I can give the round corners to a navbar.  If not then it is ok it is not overwhelmingly important</p>
  
  <pre><code>&lt;div data-role="navbar"&gt;
  &lt;ul&gt;
      &lt;li&gt; &lt;a href="#" class="ui-btn-active" id=viewtherecent&gt; Recent &lt;/a&gt; &lt;/li&gt;
      &lt;li&gt; &lt;a href="#" id=viewthefrequency&gt; Frequent &lt;/a&gt; &lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt; &lt;!-- /navbar --&gt;
  </code></pre>