Re: Apply a background hover to a tag?

[LaurelBrittany]

You can look at the HTML here in the source code, since I can’t post html here: http://www.theavocadogirl.com/

CSS:
#container {
width: 1015px;
left: 13%;
position: relative;
margin: 5px;
}

h2 {
font-family: “Trebuchet MS”, Arial, Verdana, Sans-serif;
font-size: 15px;
line-height: 20%;
}
#article1
{
float: left;
position: relative;
width: 320px;
padding: 7px;
border-right: 2px solid #4e7e91;
}

#article2
{
float: left;
position: relative;
padding: 7px;
width: 320px;
border-right: 2px solid #4e7e91;
}

#article3
{
float: left;
position: relative;
padding: 7px;
width: 320px;
}

body {
background-color: #ffffff;
font-family: Arial, “Trebuchet MS”, Verdana, Sans-serif;
font-size: 13px;
color: #133340;
}

a:link { color: #10486b; text-decoration: none;}
a:visited { color: #10486b; text-decoration: none;}
a:hover { color: #133340; background-color: #8dd0ea; text-decoration: underline;}
a:active { color: #0e2731; background-color: #83c1d9; }

h2 a:hover { color: #133340; background-color: #8dd0ea; text-decoration: underline;}
h2 a:active { color: #0e2731; background-color: #83c1d9; }

a:link img {
border: 0; text-decoration: none;
}
a:visited img {
border: 0; text-decoration: none;
}
a:hover img {
border: 0; background-color: white; text-decoration: none;
}
a:active img {
border: 0; background-color: white; text-decoration: none;
}