[jQuery] [jQuery Corner] Problem using nested corners/borders
I am attempting to create a box with malsup's jQuery nested corners,
but can't get it to display properly.
Here's my CSS:
testing { margin: 0; background: #ffc; padding: 10px; border:0; zoom:
1;}
div.outer { float: left; margin: 15px; background: #c82; padding: 8px;
width: 22em }
My JS:
$(function(){
$('.testing').corner("round 8px").parent().css('padding',
'4px').corner("round 10px");
});
I'm using this as my test HTML:
<div class="outer"><div class="testing"><h1>Round</h1>Testing
</
div></div>
You can see my testing page at:
http://www.dhome.net/test.php
The result of this is the the above code is that the background color
the box becomes color of the outer div, #c82. The internal border is
not displayed. What is my error?