title: Same hover and focus over two aligned tables from different divs
body: <p>I have a scrollable table with last column fixed because that column contain action buttons.
  On html code they looks like: two divs with a table in each div, first div contain main table and on second div I have a table with only one column on which I have added action buttons.  On tables I have a hover effect when cursor pass over tr td and on focus I applied a different background in order to highlights selected registration from table.
  My problem is how can I have that hover and focus effect over booth tables in the same time when cursor pass over tr td because now they works independently on each table.</p>
  
  <p>Please check my live example: <a href="http://mainpage.ueuo.com/" rel="nofollow"><code>http://mainpage.ueuo.com/</code></a></p>
  
  <p>thank you.</p>