Borda Estilizada

Boas,

Estava revendo uns projetos antigos e encontrei um cujo layout tinha uma inconsistência que não consegui resolver, apenas mascarei o máximo possível.

Trata-se de uma borda não muito comum:

/applications/core/interface/imageproxy/imageproxy.php?img=http://i.imgur.com/Yc55C95.png&key=36e440939aeb73798d48c376b8c50a502788fac4476701e5fba013116ce52514" alt="Yc55C95.png" />

Esta, recortada do layout original do qual o meu se se baseia, é de uma estrutura fixa (e muito mal projetada, diga-se de passagem - tabelas aninhadas e misturadas com DIVs).

Por ser fixo, essa imagem acima funciona pois é uma única imagem, de ponta a ponta, na largura total e final da coluna. No meu redesign fiz o layout fluido e, logicamente daria problema nos cantos da imagem:

/applications/core/interface/imageproxy/imageproxy.php?img=http://i.imgur.com/OgUapnz.png&key=62c7df4993659b8f819b0f8d2d44f494d4d8ea2c6ddfbcec54c8b0646528e77a" alt="OgUapnz.png" />

É quase imperceptível, mas vejam o canto direito. O "quadrado cheio" está encoberto (ou atrás) pela imagem do canto.

Isso ocorre porque eu utilizei três imagens: Uma para o canto esquerdo, uma para o canto direito e outra para se repetir ao longo da DIV.

Como eu mascarei bem, alargando a parte bege nas imagens dos cantos (comparem com a imagem grande) eu não me importo, mas acho que vale como material para referência futura saber se existe alguma técnica que permita fazer esse tipo de borda, de forma fluida, uniformemente.