walterscoyote
New Member
I have some difference of behaviour between Internet Explorer and Google Chrome.I have a table with an 'i' tag. In this tag I have 2 letters: E + FOn Internet Explorer: if I hover the 'X' or the 'F' --> they are colored in blue. This is ok for me.On Google Chrome: if I hover the 'X' --> nothing happend. (only the 'F' is ok)How can I adjust the css to have the same behaviour as IE?Here is the jsfiddle: http://jsfiddle.net/Kvehr/2/\[code\]<table class="search-transport"> <tbody> <tr> <td><input type="checkbox" value="http://stackoverflow.com/questions/14603032/0"/></td> <td>A1</td> <td><i class="icon-flag-3">F</i></td> <td>A2</td> </tr> <tr> <td><input type="checkbox" value="http://stackoverflow.com/questions/14603032/0"/></td> <td>B1</td> <td><i class="icon-flag-3">F</i></td> <td>B2</td> </tr> </tbody></table>.icon-flag-3:before { content: "X";}\[/code\]Thanks.