На самом деле вам нужно два изображения, одно изображение повторится и создаст фон, второе изображение останется справа или слева или сверху или снизу там, где вам нравится ..........., чтобы сделатьэто работает, вам понадобятся два div, один внешний и один внутренний ..... вот CSS для этого для работы
.blueout{width:650px;
margin-left:0;
margin-top:10px;
background:#fff url(images/repeated-background.gif) repeat-y left top;
padding-left:20px;
}
.bluein{
background:#fff url(images/corner1.jpg) right top no-repeat;
padding:1em 1em 1em 0;
}
и вот HTML для него ....
<div class="blueout">
<div class="bluein">
<p>some text here</p>
</div>
</div>
repeat-y означает, что оно будет повторяться по направлению к оси y (по вертикали), вы можете изменить его на горизонтальное, в зависимости от среза для фона .....
Надеюсь, это поможет