CSS - Change image when mouse is over - GREAT!

[MaR?]

Hello!,

I want to make my "reply.gif" buttom change when mouse is over.

I find a tutorial... a great one... but when I put the code on my "showthread" template, not work... maybe someone can help me.

Just need to see how insert this code around the image:

PHP Code:

<ul id="nav"> 
 
[left] <li><a class="EXAMPLE" href="SOMEWHERE" title="ANYTHING">?????</a></li>
</ul>
[/left] 


Im attaching a .rar file: inside you can find a .html with his .css where you can see what Im talking about.

MY SHOWTHREAD

PHP Code:

<td class="smallfont"><a href="newreply.php?$session[sessionurl]do=newreply&amp;noquote=1&amp;p=$FIRSTPOSTID" rel="nofollow"><if condition="$show['closethread']"><img src="$stylevar[imgdir_button]/reply.gif" alt="$vbphrase[reply]" border="0" /><else /><img src="$stylevar[imgdir_button]/threadclosed.gif" alt="$vbphrase[closed_thread]" border="0" /></if></a></td>
 <else />
  <td class="smallfont">&nbsp;</td>
 </if>
 <if condition="$show['pagenav']"><td align="$stylevar[right]">$pagenav</td></if>
</tr>
</table>
<!-- / controls above postbits -->
<!-- toolbar -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center" style="border-bottom-width:0px">
<tr>
 <td class="tcat" width="100%">
  <div class="smallfont">
  <if condition="$show['firstunreadlink']">
   <a href="$firstunread"><img class="inlineimg" src="$stylevar[imgdir_button]/firstnew.gif" alt="$vbphrase[view_first_unread]" border="0" /></a>
   <a href="$firstunread"><strong>$vbphrase[view_first_unread]</strong></a>
  </if>
  &nbsp;
  </div>
 </td>
 <td class="vbmenu_control" id="threadtools" nowrap="nowrap">
  <a href="$show[nojs_link]#goto_threadtools"<if condition="is_browser('ie')"> accesskey="3"</if>>$vbphrase[thread_tools]</a>
  <if condition="$show['popups']"><script type="text/javascript"> vbmenu_register("threadtools"); </script></if>
 </td>
 <if condition="$show['search']">
  <td class="vbmenu_control" id="threadsearch" nowrap="nowrap">
   <a href="$show[nojs_link]#goto_threadsearch">$vbphrase[search_this_thread]</a>
   <if condition="$show['popups']"><script type="text/javascript"> vbmenu_register("threadsearch"); </script></if>
  </td>
 </if>
 <if condition="$show['threadrating']">
  <td class="vbmenu_control" id="threadrating" nowrap="nowrap">
   <a href="$show[nojs_link]#goto_threadrating"><span id="threadrating_current"><if condition="$show['rating']">$vbphrase[rating]: <img class="inlineimg" src="$stylevar[imgdir_rating]/rating_$thread[rating].gif" alt="<phrase 1="$thread[votenum]" 2="$thread[voteavg]">$vbphrase[thread_rating_x_votes_y_average]</phrase>" border="0" /><else />$vbphrase[rate_thread]</if></span></a>
   <if condition="$show['popups']"><script type="text/javascript"> vbmenu_register("threadrating"); </script></if>
  </td>
 </if>
 <if condition="$vboptions['allowthreadedmode']">
 <td class="vbmenu_control" id="displaymodes" nowrap="nowrap">
  <a href="$show[nojs_link]#goto_displaymodes">$vbphrase[display_modes]</a>
  <if condition="$show['popups']"><script type="text/javascript"> vbmenu_register("displaymodes"); </script></if>
 </td>
 </if>
 <if condition="$show['inlinemod']">
  <if condition="$show['popups']">
   <td class="vbmenu_control" id="imod" align="center" title="$vbphrase[moderation]"><script type="text/javascript"> vbmenu_register('imod'); </script></td>
  <else />
   <td class="thead" align="center">
    <input type="checkbox" name="allbox" id="checkall_all" title="$vbphrase[check_uncheck_all]" onclick="inlineMod.check_all()" />
   </td>
  </if>
 </if>
</tr>
</table>
<!-- / toolbar -->
<if condition="$show['inlinemod'] AND $show['popups']">
 <div class="vbmenu_popup" id="imod_menu" style="display:none" align="$stylevar[left]">
  $threadadmin_imod_menu_post
 </div>
</if>
<!-- end content table -->
$spacer_close
<!-- / end content table -->
<if condition="$show['threadedmode'] OR $show['hybridmode']">
<!-- thread posts list -->
$threadlist
<!-- /thread posts list -->
</if>
<if condition="$show['reputation']">
<script type="text/javascript" src="clientscript/vbulletin_ajax_reputation.js?v=$vboptions[simpleversion]"></script>
</if>
<div id="posts">$postbits<div id="lastpost"></div></div>
<!-- start content table -->
$spacer_open
<!-- / start content table -->
<!-- controls below postbits -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-top:$stylevar[margin_3px_fix]px">
<tr valign="top">
 <if condition="$show['largereplybutton']">
   <td class="smallfont"><a href="newreply.php?$session[sessionurl]do=newreply&amp;noquote=1&amp;p=$LASTPOSTID" rel="nofollow"><if condition="$show['closethread']"><img src="$stylevar[imgdir_button]/reply.gif" alt="$vbphrase[reply]" border="0" /><else /><img src="$stylevar[imgdir_button]/threadclosed.gif" alt="$vbphrase[closed_thread]" border="0" /></if></a></td>
[/left] 


[left]

THANKS!!!