div.gameicon a{
  display: block;
  height: 100%;
}

div.gameicon a#qop{
  background: transparent url('../interface/qop_icon_bw.png') center top no-repeat;
  background-size: contain;
}
div.gameicon a#qop:hover{
  background-image: url('../interface/qop_icon.png');
}

div.gameicon a#keys{
  background: transparent url('../interface/keys_icon_bw.png') center top no-repeat;
  background-size: contain;
}
div.gameicon a#keys:hover{
  background-image: url('../interface/keys_icon.png');
}

div.gameicon a#phys{
  background: transparent url('../interface/phys_icon_bw.png') center top no-repeat;
  background-size: contain;
}
div.gameicon a#phys:hover{
  background-image: url('../interface/phys_icon.png');
}

div.gameicon a#ninja{
  background: transparent url('../interface/ninja_icon_bw.png') center top no-repeat;
  background-size: contain;
}
div.gameicon a#ninja:hover{
  background-image: url('../interface/ninja_icon.png');
}

div.gameicon a#pacifist{
  background: transparent url('../interface/pacifist_icon_bw.png') center top no-repeat;
  background-size: contain;
}
div.gameicon a#pacifist:hover{
  background-image: url('../interface/pacifist_icon.png');
}

div.gameicon a#nega{
  background: transparent url('../interface/nega_icon_bw.png') center top no-repeat;
  background-size: contain;
}
div.gameicon a#nega:hover{
  background-image: url('../interface/nega_icon.png');
}

div.gameicon a#robot{
  background: transparent url('../interface/robot_icon_bw.png') center top no-repeat;
  background-size: contain;
}
div.gameicon a#robot:hover{
  background-image: url('../interface/robot_icon.png');
}