javascript - Chrome OSX hover not fired on document load -

i facing strange issue on chrome osx

the hover style or hover event not firing on element untill move mouse. little movement trigger hover style.

here sample code

css , html

 div {        width: 100px;        height: 100px;        background-color: red;      }        div:hover {        background-color: green;      }

<div>dummy text</div>

this pretty basic code sample when place cursor upon div background color changed green. left cursor on div , reload page using f5 still green. not case on osx chrome. osx chrome continue show red box untill move mouse.

this pretty basic problem of bigger problem in case.