
box-shadow displaying incorrectly
Hello guys,
I just started using PIE, it seens amazing.
While testing stuff, I decided to test some drop-shadow on a div. Cool, it works on firefox as a charm.
On ie, on the other hand, it doesn't.
Here is the relevant part of my css code:
Code:
#content2 {
box-shadow:10px 10px 20px #000;
-webkit-box-shadow:10px 10px 20px #000;
-moz-box-shadow: 10px 10px 20px #000;
margin: 50px;
behavior: url(PIE.htc);
}
The relevant html code:
Code:
<div id="content2">
sas
</div>
Additional information:
Other properties works fine.
Not using any JS library or anything like that.
This happens on ie 6 (windows xp sp3) and ie8 (windows 7 ultimate edition), not tested on IE7.
The content2 div is not nested.
I am using the latest css3pie version.
Screenshots:
Attachment:
File comment: IE6 Screenshot, not the desired result.
ie6.PNG [6.81 KiB]
Downloaded 550 times
--
Attachment:
File comment: IE8 Screenshot, not the desired result.
ie8.png [5.78 KiB]
Downloaded 550 times
--
Attachment:
File comment: Firefox Screenshot, finally the desired result!
firefox.png [6.01 KiB]
Downloaded 550 times