How to use images as nav buttons in Wordpress?

[ATrosendo]

Here is my navbar in header.php\[code\]<!-- NAV --> <div id="nav"> <ul> <li><a href="http://stackoverflow.com/questions/2078521/<?php bloginfo('url'); ?>"><img src="http://stackoverflow.com/questions/2078521/<?php bloginfo('stylesheet_directory'); ?>/images/navbar/home.png" alt="Ad image" /></a></li> <li><a href="http://stackoverflow.com/questions/2078521/<?php bloginfo('url'); ?>"><img src="http://stackoverflow.com/questions/2078521/<?php bloginfo('stylesheet_directory'); ?>/images/navbar/nav2.png" alt="Ad image" /></a></li> <li><a href="http://stackoverflow.com/questions/2078521/<?php bloginfo('url'); ?>"><img src="http://stackoverflow.com/questions/2078521/<?php bloginfo('stylesheet_directory'); ?>/images/navbar/nav3.png" alt="Ad image" /></a></li> <li><a href="http://stackoverflow.com/questions/2078521/<?php bloginfo('url'); ?>"><img src="http://stackoverflow.com/questions/2078521/<?php bloginfo('stylesheet_directory'); ?>/images/navbar/nav4.png" alt="Ad image" /></a></li> <li><a href="http://stackoverflow.com/questions/2078521/<?php bloginfo('url'); ?>"><img src="http://stackoverflow.com/questions/2078521/<?php bloginfo('stylesheet_directory'); ?>/images/navbar/nav5.png" alt="Ad image" /></a></li> <li><a href="http://stackoverflow.com/questions/2078521/<?php bloginfo('url'); ?>"><img src="http://stackoverflow.com/questions/2078521/<?php bloginfo('stylesheet_directory'); ?>/images/navbar/nav6.png" alt="Ad image" /></a></li> <?php wp_list_categories('title_li='); ?> </ul> </div><!-- END NAV -->\[/code\]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?