
Border-radius + border-color problem ?
Hi,
I have a problem (image attached, see red circles) with border-radius + border-color on the same element.
this is the CSS from FireBug for that element (#content)
I added that .htc file as needed, relative path blah blah...

Maybe the !important in '.pink_border' class makes it go crazy?
How can I fix that?
Thanks!
Code:
#content.select_photo {
height: 790px;
}
#content {
-moz-border-radius: 15px 15px 15px 15px;
background: url("../images/background.jpg") no-repeat scroll center top #B6D66B;
border: 2px solid #000000;
height: 545px;
padding-top: 12px;
position: relative;
width: 756px;
}
.pink_border {
border-color: #ED008C !important;
}