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

[Il_Drugo]

Io ti consiglio di inserire un div come header del quadrato e uno come footer, mettere il bordo come sfondo (comprensivo di angoli) e poi dare al DIV esterno lo sfondo ripetuto in verticale largo tutto il DIV.

So che magari mi sono spiegato male, ma forse mi hai capito. Se non hai capito dimmi ceh ti faccio un esempio concreto.