How do I disable a CSS anchor hover?

This is a classic challenge when you start working with anchor color changes within Cascading Style Sheets. It's all well and good to have a:link, a:visited, a:hover and a:active in your CSS, but typically it ends up being defined for the entire document and that's not always a desirable result.

To sidestep that, you can most easily create a class that has the hover effect and apply it to the blocks where you want your tags to have this nice effect.

It might look like this:

<style type="text/css" rel="stylesheet">
.hoverpink a:hover { background-color:#fcc }
</style>

Another approach would be for you to use a CSS style that lets you define the behavior of the anchor's hover for the entire document, then override it with your images, like this:

<style type="text/css" rel="stylesheet">
.nohover a:hover { background-color: transparent; }
</style>

<div class="nohover"><a href="/ask.html">
<img src="/Graphics/marker-tray.gif" border="0" width="749" 
alt="whiteboard markers" height="31" /></a></div>

That should help you change the sometimes confusing CSS anchor attributes into what you seek!