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>

_________________
~Bob - 56k (previously know as Bob - 11500k)

I'm proud to be Australian!

|| Life is not a video game, video games are but a side-quest ||
|| Slinky + Escalator = Everlasting Fun! ||