You should be able to do it with two floated divs inside a containing div. Give the container the repeating background and the other two floated left and right.
CSS
Code:
#container { width: 100%; background: url(repeating-graphic.jpg) repeat-x; height: ??px; }
#left { float: left; width: ??px; height: ??px; background: url(logo.jpg);}
#right { float: right; width: ??px; height: ??px; background: url(right-graphic.jpg); }
Code:
<div id="container">
<div id="left"></div>
<div id="right"></div>
</div>
It's not very good to have empty divs only with a background so instead of the background-images to #left and #right you should really put img images inside instead.
Code downloaded to my PC will be deleted in due course.
WIN7; IE9, Firefox, Opera, Chrome and Safari for Windows; screen resolution usually 1366*768.
Also IE6 on W98 with 800*600 and IE8 on Vista 1440*900.