#splash {
    height: 286px;
    background: #fff url("splash-center.jpg");
    margin-bottom: 20px;
}

#splashImg {
    padding: 20px;
    float: right;
    background:  url("splash-right.jpg") top right no-repeat;
}

#splashText {
    padding: 20px;
    background: url("splash-left.jpg") top left no-repeat;
    height: 286px;
}


<div id="main">

<div id="splash"> 
<img src="kids.jpg" alt="happy kids" id="splashImg" />
<div id="splashText">

XXX

</div>
</div>

XXX

</div>