HTML Code:
<div class="box">
<i class="t"><i></i></i>
<!-- Content Stuff -->
<i class="b"><i></i></i>
</div>
Code:
.box .t, .box .t i,
.box .b, .box .b i {
background: url('corners.gif') no-repeat;
display: block;
height: 5px
}
.box .t i { background-position: 100% -5px }
.box .b { background-position: 0 -10px }
.box .b i { background-position: 100% -15px }
Why don't you use this? Better than using css3