Border-collapse Works Differently In Chrome And Firefox

see this fiddle in chrome and firefox i need .lightBgOnHover class to work on the whole table row, which works well firefox but not chrome. my guess is border-collapse: collapse; h

Solution 1:

Use display: block; in .lightBgOnHover css:

like:

.lightBgOnHover {
   -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;

    display: block;
}

Check Fiddle here.