
Safari and Chrome Gradient Not working
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!
