Problem using together background-image and border-radius
An ugly line appears at the bottom of the image, in IE7 and IE8, when I'm using a background image and border-radius together on a div element. The CSS for this element looks like:
Code:
background: repeat-x url("../images/menu_top.png") left top #2d5fac;
float: right;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
position:relative;
behavior: url(/templates/fll_common/css/css3pie/PIE.htc);
If not using the radius or not setting the background image, the line disappear.
Thank you very much for your help!
Forums
