[css-d] Img Hover Background-Color Won't Go

[Duane Nelson]

Good morning, all.

I'm using the following link attributes:
#nav-footer a:link, #legal a:link, #rcol a:link, #content a:link, #blog 
a:link {
    color: #513420;
    text-decoration: none;
    font-weight: bold;
}

#nav-footer a:visited, #legal a:visited, #rcol a:visited, #content 
a:visited, #blog a:visited {
    color: #513420;
    text-decoration: none;
}

#nav-footer a:hover, #legal a:hover, #rcol a:hover, #content a:hover, 
#blog a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #513420;
}

My issue comes when an image is linked within any of the above "div 
ids."  The below image code takes away the border around the image but 
the above hover background-color appears at the bottom of the image at 
least in FF:

a img {
    border: 0;
    background-color: transparent;
}

For a live example hover over the "BOOT Camp" image in the upper right 
column at:

http://mhnaz.org/index-template.html

I would like to NOT class each image but keep it in the CSS file.

Thanks in advance for any help,

Duane
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/