I have an issue where a div is not getting rounded corners added in IE but it works fine in chrome and firefox. It appears to round the corners but removes the border colours. You can see the rounding if you highlight the rendered page.
Any ideas why this is happening and how to fix it? I'm using version 2.03 of jquery corners downloaded from http://jquery.malsup.com/corner/
<html>
<head>
<style>
#content{ border: solid 6px #888888;}
#content2{ border: solid 6px #888888;}
</style>
<script type="text/javascript" src="include/script/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="include/script/jquery.corners.js"></script>
<script type="text/javascript">
$(function(){
$('.content').corner("round 8px").parent().css('padding', '8px').corner("round 14px");
$('#content2').corner();
});
</script>
</head>
<body>
<div id="content" class="content">
content
</div>
<div id="content2" class="content2">
content
</div>
</body>
</html>