Hi,

I am working on a website and trying to create a text header with shadow. I used the following code:

text-shadow: gray 0.06em 0.06em 0.1em;

It looks just as I like in Google Chrome 3, however, it shows no shadow in IE 8 and a bigger shadow in Firefox 3.5.7. Is there any way to fix this and make it look like same in all browsers?

Not really

Other than have patience and wait until CSS3 is implemented in all browsers.

the property has a chequered history, originally in CSS2 spec, removed from CSS2.1 and now included in CSS3. So support is aomewhat "patchy".

IE has proprietary properties (no surprise there then) in the filters.
http://www.workingwith.me.uk/article...r-drop-shadows

Originally Posted by 5online

following code will work

color: #000;
background: #fff;
text-shadow: 2px 2px 3px #000;

Yep.

EXACTLY as the code in the first post will work!