Q:

Hovering with CSS

Can anyone help me fix my code so that the hover colour only applies to the navigation bar and not the pictures too. I've tried to specify this by having  .a.main-nav:hover { ...}etc in my code but that just gets rid of the hover altogether. 
http://codepen.io/anon/pen/rOowGx
Thanks!

A:

This code:
a:hover {
  background-color: #ffbc00;
}

Should be like this:
.main-nav a:hover {
  background-color: #ffbc00;
}

