CSS3 PIE Forums
http://css3pie.com/forum/

Problem using together background-image and border-radius
http://css3pie.com/forum/viewtopic.php?f=3&t=1781
Page 1 of 1

Author:  david.sabate [ Wed Sep 12, 2012 8:53 am ]
Post subject:  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!

Page 1 of 1 All times are UTC - 7 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/