troubleshooting Question

css3 PIE adding shadow to all elements on page

Avatar of igloobob
igloobobFlag for United Kingdom of Great Britain and Northern Ireland asked on
17 Comments1 Solution383 ViewsLast Modified:

I have a site just built, tried adding css3 PIE to make the drop shadow on the page work properly - no direction, just nice and even all the way around the page. The main site I have removed it for now but this test page has it on. If you look at this page in FF etc you can see it is correct, in IE however it seems to apply the shadow to almost all elements on the page?!

It does make the main page drop shadow exactly as I wish but it is just adding a bottom and right shadow onto loads of elements on the page.

Any ideas why this is and how I can fix it? The drop shadow in IE without PIE is gash as it has the direction so only shows right and bottom edges. I tried just changing the direction values instead of using PIE but no joy.

Any help gratefully received!!

.Page {width: 960px;height:auto;padding:20px;text-align: left;margin: 20px auto 0 auto; background:#ffffff;

-moz-box-shadow: 0px 0px 5px #666;
	-webkit-box-shadow: 0px 0px 5px #666;
	box-shadow: 0px 0px 5px #666;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#666666')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#666666');
		behavior: url(../;
Join the community to see this answer!
Join our exclusive community to see this answer & millions of others.
Unlock 1 Answer and 17 Comments.
Join the Community
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 17 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros