Using this: http://malsup.com/jquery/corner/ I set up my nested divs so the container acts as a border like so:
$('#top').corner("bevel 68px").parent().css('padding', '1px').corner('bevel 70px');
<div id="ctop">
<div id="top">
//stuff
</div>
</div>
Now this works with rounded corners, the borders run along the edge. However, when use bevel corners, the parent (ctop) remains square. After a bunch of testing (trying to set them manually) it looks like only sets one or the other, but never both :/
imgur.com/GUC49.png - Bevel
imgur.com/aN4lF.png - Rounded
(delinked since I'm considered "new" ... -_- )
I know this has to be possible somehow, it even shows it on it's page. I just can't seem to replicate it.