Custom navbar images?

Custom navbar images?

Is there a way to use custom menu images in the navbar which produces something like this? 







I tried doing something like this:


  1.               <div data-role="navbar">
  2.                     <ul>
  3.                         <li><a href="#"><img src="images/home.png></a></li>
  4.                         <li><a href="#"><img src="images/battle.png></a></li>
  5.                         <li><a href="#"><img src="images/summon.png></a></li>
  6.                         <li><a href="#"><img src="images/help.png></a></li>
  7.                     </ul>
  8.                 </div><!-- /navbar -->
however, when I view it in the browser there is a black boarder enclosing the images, which is something I do not want. Is there a way to fix that?