<img alt="Add Cycle" src="images/add_before.png" width="156" height="34" onmouseover=<img src="images/add_after.png"/>/>

the mouseover function is not working

yes. what you want me to do.....

there's a pseudo-class in cs called :hover try this:

#image img
{
   background-image:url(image1.gif)
}

#image img:hover
{
   background-image:url(image2.gif)
}
...
<div id="image">
<img>&nbsp;</img>
</div>

thanks for the support, will try and reply the result later.

it works, thanks a lot.

you're welcome... and, please, mark your thread as solved...