come creare un bordo immagine a un div centrato?

[Trinità76]

Salve, come da topic, come creare un bordo immagine a un div centrato?
Come nell'immagine sotto, avrei bisogno di creare attach-are un immagine intorno a un div: ossia 4 per lati + 4 piccoli per gli angoli.
Il div è centrato nello schermo con un max-width settato; ovviamente le immagini relative ai 4 lati avranno la proprietà repeat...
Il codice che ho è il seguente:

* { margin : 0; padding : 0; border : 0; }
body { margin : 20px 80px 0px 80px; color : #FFF; background : #333; }
#main { margin : 12px auto; max-width : 1024px; border : 1px solid #F63; background : #FFF; color : #000; }

qualche tutorial che mostra come fare? oppure qualche idea? :master:

[EDIT] dimenticavo, i css che sto usando sono tableless