Body BG Conflicts with CSS3 Pie
I'm trying to use CSS3Pie on a site for the first time and I'm running into two issues:
#1 - The background of any element that gets assigned the behavior property loses the background entirely in IE6.
#2 - I'm applying CSS3Pie to an OL that I'm using for my primary navigation, but it renders semi or completely transparent in IE7 and IE8. Strangely enough, this seems to be tied to the HTML or BODY background. I'm applying a background image on the HTML and BODY tags. If I set the BODY background to "transparent," the issues goes away.
Here's my code:
Code:
html
{ background: #fda234 url(/files/images/template/bg_repeat.gif) repeat left top; }
body
{ background: transparent url(/files/images/template/bg.png) no-repeat center top;
border-top: 10px solid #cf5a24; }
#FlyOutNav
{ line-height: 120%;
margin: 0 auto;
width: 900px;
min-height: 60px;
background: rgba(255, 255, 255, 0.91);
background: #ffffff;
-webkit-border-radius: 0 30px 0 0;
-moz-border-radius: 0 30px 0 0;
border-radius: 0 30px 0 0;
behavior: url(/js/PIE.htc); }
I really don't understand what is problem is so if anyone has any ideas, I would really appreciate it.
Forums
