Question

I know text-shadow do not work in Internet Explorer, but their own filter for shadow should work. But it do not seems to work in links (<a>Link</a>). Any work around?

/*Works*/
#navigation .nav li {
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=3);

}

/*Do not work*/
#navigation .nav li a {
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=3);
}

/*Text-shadow in Google Chrome working and what I want to achive*/
#navigation .nav li a {
    text-shadow: 0 2px 2px #000;
}

Problem with adding effect on the list is that it adds the shadow to everything, not just the text, and it looks awful.

Answer 1

Wrap text in the link in <span> and attach shadow to it.