Reproduce chrome td[att]:hover selector bug

HTML

firefox 43.0.2: all ok<br>
chrome 47.0.2526.106 m: last two cells not ok

<table>
    <tbody> 
        <tr> 
            <td><div data-attribute>a div, [data-attribute]:hover</div></td> 
            <td class="highlight">.highlight:hover</td>
            <td data-non-hover>[data-non-hover]</td>
            <td data-attribute>[data-attribute]:hover</td> 
            <td colspan="1">[colspan]:hover</td>
        </tr>          
    </tbody> 
</table>

<div data-attribute>
  a div, [data-attribute]:hover
</div>

CSS

th, td {
    padding: 5px;
    border: 1px solid #999;
}

[data-attribute]:hover, 
[colspan]:hover, 
.highlight:hover,
[data-non-hover] {
  color:red;
}