jquery - Stacked divs with angled borders and bg images -

essentially need multiple divs (width:100% , fixed height, 300-400px), stacked vertically each angled border (alternating angles top , bottom). container need background images. or suggestions appreciated.

    <style type="text/css"> body,html,h1{margin:0;} .wrap{overflow:hidden;} .one,.two,.three {height: 400px;margin:0;padding:0;overflow:hidden;position:relative;} .uno,.dos,.tres{height: 100%;position:relative;} .uno{background:url('img/one.jpg') no-repeat 0 0 scroll transparent;} .dos{background:url('img/two.jpg') no-repeat 0 0 scroll transparent;} .tres{background:url('img/three.jpg') no-repeat 0 0 scroll transparent;} .box{height:400px;}  </style> <div class="wrap">      <div class="box uno">         <h1>header</h1>     </div>       <div class="box dos">         <h1>header</h1>     </div>       <div class="box tres">         <h1>header</h1>     </div>  </div>