Background color and curved border issue on IE -RESOLVED
Hello,
The website in question -
http://www.icreateforu.comTake a look at the site using IE8 and current version of Opera. Please scroll to the footer of the page:
At the bottom where the copyrights is located, you will see the background color does not take the shape of the border radius. Instead it displays a square (bleeds out). Here is the CSS I have:
Code:
#footer {
color:#000000;
background:#E8E8D5 url(http://icreateforu.com/wp-content/themes/thesis_182/custom/images/header_bottom_line2.png) repeat-x 0px 0px;
-webkit-border-bottom-left-radius:18px;
-webkit-border-bottom-right-radius:18px;
-moz-border-radius-bottomleft:18px;
-moz-border-radius-bottomright:18px;
border-radius-bottom-left:18px;
border-radius-bottom-right:18px;
behavior:url(the url will not be disclosed);
}
I added this-
Code:
-pie-background: rgba(232,232,213) url(images/header_bottom_line2.png) repeat-x; /*PIE*/
But, it still did not work
I need the background color to shape within the rounder border of the footer in IE and Opera. Works fine with current versions of Firefox, Chrome, Safari.
Please help!
Thank you,
Anthony
Forums
