horizontal nav bar question using images

[liunx]

ok... here is how i previously did my nav bar.

<div id="mainnav">
<ul>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"index.html">Home</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"about.html">About</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"teams.html">Teams</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"scrapbook.html">Scrapbook</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"events.html">Events</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"merch.html">Merch</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"contact.html">Contact</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"forum.html">Forum</a></li>
</ul>
</div>


How can I make it so I can load images to use as links instead of text?

Thanks so much.Replace the words between the <a>...</a> tags with appropriate <img> tags.wow.. can't beleive i missed that... works perfectly... thanks so much.