Hey guys,
I'm having problems getting multiple background images to work in IE.
Code:
#wrapper-inner {
width: 100%;
height: 400px;
border: 1px solid #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #efefef;
background-image: url(../../images/backgrounds/border.png), url(../../images/backgrounds/border.png);
background-repeat: no-repeat;
background-position: top left, top right;
-pie-background: #efefef, url(../../images/backgrounds/border.png) top left, url(../../images/backgrounds/border.png) top right;
behavior: url(PIE.htc);
}
In IE the background colour appears as well as the rounded border but the images do not.
I've searched these forums and have tried a few things like making the pie-background image paths relative to the .html file not the .css file etc without luck.
Any help would be appreciated, it's probably something simple i'm doing wrong.
Forums
