I have a div with a box shadow in Internet Explorer (Internet Explorer 7 Internet Explorer 8) applied through following CSS.

```
box-shadow:        0px 0px 15px #FF00CC;
-o-box-shadow:     0px 0px 15px #FF00CC;
-moz-box-shadow:   0px 0px 15px #FF00CC;
-webkit-box-shadow:0px 0px 15px #FF00CC;
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#ff99eb, Strength=7, Direction=0),
        progid:DXImageTransform.Microsoft.Shadow(Color=#ff99eb, Strength=7, Direction=90),
        progid:DXImageTransform.Microsoft.Shadow(Color=#ff99eb, Strength=7, Direction=180),
        progid:DXImageTransform.Microsoft.Shadow(Color=#ff99eb, Strength=7, Direction=270),
        progid:DXImageTransform.Microsoft.Chroma(Color='#ffffff');
background-color:#FFFFFF;
border:1px solid #FF00CC;

```

It is giving it a box shadow, but making the inside text blurred and ugly, that is, black text is losing sharpness:

![Enter image description here](https://i.stack.imgur.com/tq7ey.jpg)

And without a box shadow properties it's like this:

![Enter image description here](https://i.stack.imgur.com/ymx9O.jpg)

How can I make the inside text normal besides giving the div a box shadow?