Hey all.

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

Here is my CSS:

#main_nav li a {
border: 1px solid #00b5d5;
border-bottom: none;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
padding: 7px 10px;
display: block;
color: #fff;
font-weight: bold;
background: #eee; /*non-CSS3 browsers will use this*/
background: -moz-linear-gradient(90deg, #0074ab, #0090c1); /*gecko*/
background: -webkit-gradient(linear, left bottom, left top, from(#0074ab) to(#0090c1)); /*webkit*/
background: linear-gradient(#0074ab, #0090c1);
-pie-background: linear-gradient(90deg, #0074ab, #0090c1); /*PIE*/
behavior: url(styles/PIE.htc);
}

Any ideas??

Thanks a million...LOVE THE PIE!

It's a bit off-topic for the PIE forums, but I'll give it a shot:

You're missing a comma between the from() and to():

background: -webkit-gradient(linear, left bottom, left top, from(#0074ab), to(#0090c1));

Yup that was it. My mistake about the wrong forum. I copied that CSS directly from the CSS3PIE site...

Thank you for your help anyway.

Oh, are you saying the missing comma is present in some code on css3pie.com? If so, can you point me to where that is so I can fix it?

Yea, it was found on your forum though...Thanks again for your help! This thing is awesome. Great job!

Ah, ok. Thanks!