Rounded corners don't work in IE7-8 if within div with background color!

Discussion in 'CSS' started by SuperDennis, Nov 28, 2011.

  1. #1
    Hello,

    I've been working on issue to make cross-browser rounded corners for buttons on the website. I found a great widget http://css3pie.com/, and it works fine, but there is one big problem in my situation (which as I can see over the web I'm not alone in) - When I put my button inside a DIV, which has background-color set - rounded corners disappear.

    I've been trying these and those tricks trying to solve it spending my whole day for this on Friday, but i failed :). Maybe someone knows or has any guess on possible workaround for this problem?

    Thanks much in advance!
    Dennis.
     
    SuperDennis, Nov 28, 2011 IP
  2. xira

    xira Active Member

    Messages:
    315
    Likes Received:
    8
    Best Answers:
    4
    Trophy Points:
    68
    #2
    Try this code instead. It's from google and made specifically to address the rounded corner problem with IE. I have used it in the past, and only had problems with it when using z-index or position: absolute.
    http://code.google.com/p/curved-corner/
     
    xira, Nov 28, 2011 IP
  3. Garebooo

    Garebooo Member

    Messages:
    37
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #3
    Garebooo, Dec 4, 2011 IP