I've been trying to set a separate image for each side and corner of a DIV entirely though CSS, but to no avail .

So I want to know, is there any way to set image borders to a DIV segment entirely though CSS. I don't want to use more than one DIV either. So nothing like:

Code:

<div class="top"><div class="left"><div class="right"><div class="bottom"> <p>Blah blah blah.</p> </div></div></div></div>

I need only ONE div tag like

Code:

<div class="main"> <p>Blah blah blah.</p> </div>