Table cell loses border when css gradient filter is applied in IE8

Question

I found the css border on the table cell is lost when applying css gradient filter at the same time. It seems that the gradient effect overrides the border.

Is it a

Answer 1

on the td:

  /* enough for IE9 */
  background-origin: padding-box;
  background-clip: padding-box;
  /* for IE8 */
  position: relative;

worked for me.

also you may want to experiment with border-collapse as this bug behave differently between

  border-collapse: separate 

and

  border-collapse: collapse