Home/ Questions/Q 6938713
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T12:31:38+00:00

I have a very simple table, containing a div that shows some smaller inner

  • 0

  • I have a very simple table, containing a div that shows some smaller inner divs upon rollover. Just plain old CSS2, nothing fancy at all.

  • Works as expected in Chrome & Safari.

  • In Firefox 8, however, the :hover only works on the first TR – while the second TR is exactly the same.

  • Code has no validation errors.

  • Any ideas what might be causing this behaviour?

  • Working jsfiddle on http://jsfiddle.net/gNBSc/9/

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Firefox is not taking kindly to your applying position:relative to the trs themselves (I am not sure why, did not have time to look it up). This has the effect of all your div.hover elements being stacked on the first table row (see it here, added borders to make it clear).

    As a workaround, you can wrap the contents of each tr in a div, and apply position:relative to that div instead of the tr.

    • 0