The easiest way is to assign position: relative to the a elements, and then increase the z-index of the a > img:hover (instead of styling the a:hover:
a > img {
position: relative;
}
a > img:hover {
outline: 3px dotted blue;
z-index: 3000;
}
JS Fiddle demo.