Chrome을 가리키면 CSS 이미지가 이동합니다.

Question

내 이미지 위에 마우스를 올려 놓으면 이미지가 약간 오른쪽으로 이동합니다. 이는 Chrome에서만 발생합니다. 다른 모든 브라우저는 정상입니다. 내 사이트는 http://toarumajutsunoindex.me/ 누구나 해결 방법을 알려 줄 수 있습니까?

Answer 1

검증이 당신의 가장 친한 친구, 당신은 누락 된 닫는 div 태그가 :

는

<li> 
    <div class="box-images"> 
    <a href="http://toarumajutsunoindex.me/2394/"><img 
     src="http://24.media.tumblr.com/a9f90ae6e9476ab04373a71501d97755/tumblr_mps7c973tK1rfyftbo1_250.jpg" width="225" 
     alt=""/></a> 

    <div class="smallinfo"> 
     <div class="box-date">November 2, 2013</div> 
     <div class="likebox"> 
     <div id="post-ratings-2394" class="post-ratings" data-nonce="f404e6ef4d"><img id="rating_2394_1" 
                         src="http://toarumajutsunoindex.me/wp-content/plugins/wp-postratings/images/heart/rating_1_off.gif" 
                         alt="1 Like" title="1 Like" 
                         onmouseover="current_rating(2394, 1, '1 Like');" 
                         onmouseout="ratings_off(0, 0, 0);" 
                         onclick="rate_post();" 
                         onkeypress="rate_post();" 
                         style="cursor: pointer; border: 0px;"/> 
     </div> 
     <div id="post-ratings-2394-loading" class="post-ratings-loading"><img 
      src="http://toarumajutsunoindex.me/wp-content/plugins/wp-postratings/images/loading.gif" width="16" 
      height="16" alt="Loading ..." title="Loading ..." class="post-ratings-image"/>&nbsp;Loading ... 
     </div> 
     </div> 
    </div> 
    </div><!--/.This closing tag was missing--> 
</li> 

업데이트 :

좋아, 실수가 아래에 문제를 일으키는 사람이 아니라는 것을 밝혀졌습니다.

이 문제는 this topic에 따른 Chrome 버그 인 것으로 보이며 position:relative에서 내면 img으로 설정하면 문제가 해결됩니다 (적어도 귀하의 경우).