io personalemente farei 3 div, con 2 img in questo modo:

<div id="container">
<div id="containerup">
<div id="containerdown">
</div>
</div>
</div>

#container{
width: 200px;
background: url(img/sfondodelbox) ;
}
#containerup{
width: 200px;
background: url(img/header_box.jpg) no-repeat top center ;
}
#containerdown{
width: 200px;
background: url(img/header_box.jpg) no-repeat bottom center ;
}

Ovviamente è solo una mia idea, ma ha funzionato sempre a meraviglia