Example 1

#box1 { width: 300px; margin:10px; } #box1 .bgTop { height: 9px; background: url('Images/bgTop1.gif') no-repeat; } #box1 .bgBottom { height: 9px; background: url('Images/bgBottom1.gif') no-repeat; } #box1 .content { border-right: 1px solid #333; border-left: 1px solid #333; }

Example 2

#box2 { width: 300px; margin:10px; } #box2 .bgTop { height: 11px; background: url('Images/bgTop2.gif') no-repeat; } #box2 .content { background: #fff url('Images/bgMiddle2.gif') repeat-y; padding:10px; } #box2 .bgBottom { height: 11px; background: url('Images/bgBottom2.gif') no-repeat; }