마우스 오버 html문의 드립니다.

마우스 오버 html 소스 입력후 등록을 하면 백지 상태로 보이다가 마우스를 올리면 제대로 나타납니다. 그러나 새로고침을 하거나 페이지를 나갔다가 다시 들어 가면 다시 백지상태로 나오고 마우스를 올려야만 그때부터 보입니다.

왜 그런지 모르겠습니다.뭘 수정해야 될까요?

지도편달 부탁드립니다.ㅠㅠ

첨부>해당 부분 실행 동영상파일 첨부합니다.

사용 html

<table align="center" style="height:40px;width:140px;">
    <tbody>
        <tr>
            <td onmouseout="this.style.background='#476600'" onmouseover="this.style.background='#333333'" style="text-align: center;"><span style="color:#ffffff;"><span style="font-size:15px;">마우스오버 테스트</span></span></td>
        </tr>
    </tbody>
</table>
 

Capture.mp4