html边框，鼠标悬停效果问题

由这个图片鼠标悬停后变成大概就是这样，求大神帮忙！

更换下img的src或者容器背景图片

<img src="https://img-ask.csdn.net/upload/201604/07/1460014856_882837.jpg"
      onmouseout="this.src = 'https://img-ask.csdn.net/upload/201604/07/1460014856_882837.jpg'"
     onmouseover="this.src='https://img-ask.csdn.net/upload/201604/07/1460014970_89461.jpg'">