lojjic/PIE — Issue #172: spacing between quadrants of box-shadow in IE8
Author: bobeagan
Created: 2011-10-28 16:41:24+00:00
State: open

Here is the box-shadow line in use:

`box-shadow: 0 0 90px #000;`

This works as expected in IE7 and IE9 but IE8 shows the following:

[![screenshot](http://dl.dropbox.com/u/1605369/box-shadow-bug.png)]

I have a different menu like that with a slightly different height which does not show the lines. The CSS for the element being styled are identical. I tried adjusting various elements within to determine what it was but could not isolate the problem. I was able to solve the problem by changing the blur of the box shadow. It seemed to affect the lines. Dropping it to 80px solves my problem for now but I figured it was still worth reporting in case it was an actual bug or if others had similar issue maybe pointers for where to look to correct this can be identified.