image / background not showing up

[kuokon]

Hi,

I have an gwt app working properly on Chrome/Safari (webkit).
However, on Firefox and IE, all image and background is not
displaying, looking at firebug give me this css rule that might cause
the problem:

...
* {
background: none repeat scroll 0 0 transparent !important;
color: black !important;
filter: none !important;
text-shadow: none !important;
}
...

if I disable the the css line ("background: none repeat scroll 0 0
transparent !important;") in firebug, then background image show up as
normal.
( on Chrome/Safari, that css rule is is not there, probably because
gwt give different css rule base on browser).

My question is, is there a way to track down what cause that css rule
attached to Firefox/IE and how to disable it?

[kuokon]

I've tracked it down, the problem was I'm using
'html5boilerplate.com's template CSS,
which contains this line:

...
@media print {
{ background: transparent !important; color: black !important; text-
shadow: none !important; filter:none !important;
...

and somehow GWT translated it to apply normal web page rule for FF/IE
and caused my background image not display when using these two
browser. Somehow Chrome/Safari was not affected.

removing the '@media print { background ... ' rule from my css
template fixed the problem.