CSS: Change Background Color on Hover

Question

I've searched other questions, and the solutions I've found don't work. Here's the deets: Webpage has a .side_nav . There are 4 elements to that . Each has a small img, an h2, and a p. I'd like for the links to have a lighter color when hovered. I feel as if I'm missing something small... I'm using DW:CC, and interestingly enough, it does not show the normal background in the in "Live" view. It does, however, show the :hover action in "Live" view, just not in any of the browsers I've tried. HTML: ```

Accepted Answer

You have `background-image` already set, which supercedes color. Change the your CSS to just use `background`:

```
.side_nav a:hover {
    background: #3374C2;
}
```

FIDDLE

CSS: Change Background Color on Hover

Solution

Problem