Hey all.

I am having an issue with none of my gradients working....Opear and IE8 work fine but not Safari or Chrome. The rounded corners are working fine...

Here is my CSS:

#mmenu
{
margin-left:-40px;
margin-top:-80px;
text-align: center;
width: 1080px;
height:40px;
-webkit-box-shadow: #666 0px 1px 2px;
-moz-box-shadow: #666 0px 1px 2px;
box-shadow: #666 0px 1px 2px;
background: #ff9933;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff9933), to(#cc3300));
background: -webkit-linear-gradient(#ff9933, #cc3300);
background: -moz-linear-gradient(#ff9933, #cc3300);
background: -ms-linear-gradient(#ff9933, #cc3300);
background: -o-linear-gradient(#ff9933, #cc3300);
background: linear-gradient(#ff9933, #cc3300);
-pie-background: linear-gradient(#ff9933, #cc3300);
behavior: url(pie/PIE.htc);
}

#middle{
margin:0px auto;
border: 1px solid #cccccc;
padding: 100px 0px;
text-align: center;
width: 1000px;
height:300px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #ffffff;
behavior: url(pie/PIE.htc);
}



Thanks a million...

First of all you must use that pie.htc only for IE6+ browsers and not for firefox or safari or other browsers that support css3 natively!