corner plugin bug

corner plugin bug

I am not sure can I call it a bug
if I use use corner plugin on two divs which one is including another, it will be failed on IE7 or IE8
have any solutions?



Chrome


IE7/8

CSS
  1. <style>
  2. body {
  3. font-size: 12px;
  4. background: black;
  5. }
  6. .box-outside {
  7. width: 201px;
  8. height: 200px;
  9. background: yellow;
  10. }
  11. .box-inside {
  12. width: 199px;
  13. margin: 0 0 0 1px;
  14. height: 190px;
  15. background: blue;
  16. }
  17. </style>

JS
  1. <script>
  2. $(function() {
  3. $('.box-outside, .box-inside').corner();
  4. });
  5. </script>
HTML
  1. <div class="box-outside">
  2. <div class="box-inside"></div>
  3. </div>