title: How to use images as nav buttons in Wordpress?
body: <p>Here is my navbar in header.php</p>
  
  <pre><code>&lt;!-- NAV --&gt;   
      &lt;div id="nav"&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="&lt;?php bloginfo('url'); ?&gt;"&gt;&lt;img src="&lt;?php bloginfo('stylesheet_directory'); ?&gt;/images/navbar/home.png" alt="Ad image" /&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="&lt;?php bloginfo('url'); ?&gt;"&gt;&lt;img src="&lt;?php bloginfo('stylesheet_directory'); ?&gt;/images/navbar/nav2.png" alt="Ad image" /&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="&lt;?php bloginfo('url'); ?&gt;"&gt;&lt;img src="&lt;?php bloginfo('stylesheet_directory'); ?&gt;/images/navbar/nav3.png" alt="Ad image" /&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="&lt;?php bloginfo('url'); ?&gt;"&gt;&lt;img src="&lt;?php bloginfo('stylesheet_directory'); ?&gt;/images/navbar/nav4.png" alt="Ad image" /&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="&lt;?php bloginfo('url'); ?&gt;"&gt;&lt;img src="&lt;?php bloginfo('stylesheet_directory'); ?&gt;/images/navbar/nav5.png" alt="Ad image" /&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="&lt;?php bloginfo('url'); ?&gt;"&gt;&lt;img src="&lt;?php bloginfo('stylesheet_directory'); ?&gt;/images/navbar/nav6.png" alt="Ad image" /&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;?php wp_list_categories('title_li='); ?&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;!-- END NAV --&gt;
  </code></pre>
  
  <p>How do I get each button to go to there respected pages?  If I add in a category through the dashboard it adds in a text based link.  I just want the images to represent the different categories, any thoughts?</p>