[jQuery] Curvy Corners in IE7
Has anyone else had any trouble getting the curvy corners to look
right in IE7? For me, the line work doesn't match up in either IE6 or
7. It's not unexpected in 6, but I'd hoped I could get it to look
right in 7.
Here's what I have:
$( document ).ready (
function() {
$( '#notice' ).after ( '<p id="countdown">The fair begins in ' +
daysToFair() + ' days.' );
var caption_corners = {
tl: { radius: 10 },
tr: { radius: 10 },
bl: { radius: 10 },
br: { radius: 10 },
antiAlias: true,
autoPad: true,
validTags: ["div"]
};
$('.caption').curvy ( caption_corners );
}
);
.pic .caption {
background-color: #fff;
border: 2px solid #ccc;
color: #000;
font-size: .75em;
font-style: normal;
margin: 0 auto;
padding: 15px;
position: relative;
text-align: left;
}
What am I missing for IE? The demo looks fine in IE7 so I'm sure it
can be done...