CSS background element in table | IE7 v Safari v FF

[Chip D]

On the site http://www.kb6fw.com/newport.html, I used Eric Meyer's technique described on his Complex Spiral page (see http://meyerweb.com/eric/css/edge/co...iral/demo.html).

Using CSS, I positioned a blue shaded background image (class-"header") so that it looks correct in IE7, but it appears off-register in FF and Safari. It gives the effect of a transparent blue-tinted background applied to a column header. Elsewhere in the site, where I use this technique, not inside a table, there is no problem. For instance, on the home page.

There must be something about IE7 v Safari v FF table handling which throws this out of whack. Any ideas? Thanks for reading!

[Snookerman]

You shouldn't use tables for layout, see this article:
http://www.hotdesign.com/seybold/everything.html

Try using just divs and spans and you should be fine with cross-browser compatibility as well.

Good luck!

[Chip D]

You're right, the problem disappeared with the table.