multiple backgrounds - including css3pie

HTML

<script src="http://grochtdreis.de/fuer-jsfiddle/js/pie.js"></script>
<div class="box">
<p>Achtung! Dieser Blindtext wird gerade durch 130 Millionen Rezeptoren Ihrer Netzhaut erfaßt. Die Zellen werden dadurch in einen Erregungszustand versetzt, der sich über den Sehnerv in dem hinteren Teil Ihres Gehirns ausbreitet. </p>
</div>

CSS

.box { 
    background: #efefef; /* Fallback */
    border: 1px solid #ccc;
    background:      
                    url(http://placehold.it/40/a20000/ffffff) no-repeat top left, 
                    url(http://placehold.it/40/fd8700/ffffff) no-repeat top right, 
                    url(http://placehold.it/40/000000/ffffff) no-repeat bottom left, 
                    url(http://placehold.it/40/ff00cc/ffffff) no-repeat bottom right,
                    url(http://placehold.it/40/ff00cc/ffffff) no-repeat top center,
                    #efefef;
    -pie-background: 
                    url(http://placehold.it/40/a20000/ffffff) no-repeat top left, 
                    url(http://placehold.it/40/fd8700/ffffff) no-repeat top right, 
                    url(http://placehold.it/40/000000/ffffff) no-repeat bottom center, 
                    url(http://placehold.it/40/ff00cc/ffffff) no-repeat bottom right,
                    #efefef;
    
    width: 300px;
    padding: 50px;
}




body { padding: 40px;}

JavaScript

$(document).ready(function() {

    if ( $.browser.msie) {
        $('.box').each(function() {
            PIE.attach(this);
        });
    }
});