将鼠标移到图像上

Question

因此，当我打开网站时，将鼠标悬停在我的网站上的图标上会继续移动。 我确保在完全相同的位置使用完全相同大小的图像。 我希望有一个简单的方法可以解决此问题。 请帮助：'（

http://shop3.afsaionco.cafe24.com/

<div class="extra">
    <ul>
    <li><a href="https://www.facebook.com/afsmall" target="blank"><img src="/_wg/img/footer/facebook_f.png" onmouseover="this.src='/_wg/img/footer/facebook_f_on.png'" onmouseout="this.src='/_wg/img/footer/facebook_f.png'" border="0"></img></a></li>
    <li><a href="https://www.instagram.com/afsmall_global/" target="blank"><img src="/_wg/img/footer/insta_f.png" onmouseover="this.src='/_wg/img/footer/insta_f_on.png'" onmouseout="this.src='/_wg/img/footer/insta_f.png'" border="0"></img></a></li>
    <li><a href="http://line.me/R/ti/p/Q0aJGwYIGI" target="blank"><img src="/_wg/img/footer/line_f.png" onmouseover="this.src='/_wg/img/footer/line_f_on.png'" onmouseout="this.src='/_wg/img/footer/line_f.png'" border="0"></img></a></li>
    <li><a href="https://h5.youzan.com/v2/showcase/feature?alias=tnKo2nkDvF&sf=wx_menu&redirect_count=1" target="blank"><img src="/_wg/img/footer/wechat_f.png" onmouseover="this.src='/_wg/img/footer/wechat_f_on.png'" onmouseout="this.src='/_wg/img/footer/wechat_f.png'" border="0"></img></a></li>
    <li><a href="https://pf.kakao.com/_xazijC?from=qr" target="blank"><img src="/_wg/img/footer/talk_f.png" onmouseover="this.src='/_wg/img/footer/talk_f_on.png'" onmouseout="this.src='/_wg/img/footer/talk_f.png'" border="0"></img></a></li>
    <li><a href="mailto:afs@aionco.kr" target="blank"><img src="/_wg/img/footer/mail_f.png" onmouseover="this.src='/_wg/img/footer/mail_f_on.png'" onmouseout="this.src='/_wg/img/footer/mail_f.png'" border="0"></img></a></li>
    </ul>

    <p>*This website is optimally viewed on Internet Explorer 5 or later versions*</p>


</div>
    <div class="divClear"></div>

http://shop3.afsaionco.cafe24.com/