Hello all

I have used css3pie solution to have shadow and border radius as used in the official site. http://css3pie.com

But it add this class to my element and does not display anything, instead removed my all styles and shows it blank. I am writing the css code below :

button
{
padding:3px 5px;
font-weight: bold;
border: none;
color:#d1d2d4;
background:#505253 url(~/application/modules/Core/externals/images/buttonbg.gif);
background-repeat: repeat-x;
background-position: 0 0; *padding:0; font-size:20px;font-family: archersemibold;
-webkit-box-shadow: #5b5b5c 0 0 12px;
-moz-box-shadow: #5b5b5c 0 0 12px;
box-shadow: #5b5b5c 0 0 12px; text-transform:uppercase;
behavior: url(~/public/PIE.php);
}

NOTE : this is not for only button, the problem is for every html element.

FILE IS ATTACHED FOR PREVIEW

Thank in advance, please provide me any solution or i am making any mistake to incorporate it.

Did you try changing the z-index?

Not yet, i will try with z-index:999;

and will get back to you with my results, i badly need the solution for this issue .

Thanks

one more thing, i gave background:#505253!important;

so its showing the background, but not the shadow.

I want shadow also in IE like it is show on this site

http://css3pie.com

May be i have to try giving zoom property.

Do not add !important, that will prevent PIE from functioning properly.

Your issue is likely related to z-index. See http://css3pie.com/documentation/known-issues/#z-index

If that doesn't help, we can try to help if you can give us a link to your site.

Hello Jason

Thanks a lot....position relative worked for me.

Cheers !!