Kod:
.top .center, .bottom .center
{float: left;}
.top .left
{float: left; width: 10px; height: 10px; background: url(top_left.png) top left no-repeat;}
.top .right
{float: right; width: 10px; height: 10px; background: url(top_right.png) top left no-repeat;}
.bottom .left
{float: left; width: 10px; height: 10px; background: url(bottom_left.png) top left no-repeat;}
.bottom .right
{float: right; width: 10px; height: 10px; background: url(bottom_right.png) top left no-repeat;}
Kod:
<div>
<div class="top">
<div class="left"></div>
<div class="center"></div>
<div class="right"></div>
</div>
<div class="content">
Content
</div>
<div class="bottom">
<div class="left"></div>
<div class="center"></div>
<div class="right"></div>
</div>
</div>
Otestat men borde fungera, inte för rörigt.