Сразу предупреждаю я блондин и в вёртске полнейший ноль)
пытаюсь сделать у таблицы красивую рамку, делаю это так:

в css это выглядит так:
[CSS]
.brdr{background: url(/images/t.png) top repeat-x;}
.brdr div{background: url(/images/b.png) bottom repeat-x;}
.brdr div div{background: url(/images/l.png) left repeat-y;}
.brdr div div div{background: url(/images/r.png) right repeat-y;}
.brdr div div div div{background: url(/images/tr.png) top right no-repeat;}
.brdr div div div div div{background: url(/images/br.png) bottom right no-repeat;}
.brdr div div div div div div{background: url(/images/bl.png) bottom left no-repeat;}
.brdr div div div div div div div{background: url(/images/tl.png) top left no-repeat;}
.wh{background:#FFF;}
[/CSS]
где t - верхняя рамка, l - левая рамка, tr - верхний правый угол и т.д.

получается чтото вроде этого
[IMG]http://img805.imageshack.us/img805/3227/27359772.jpg[/IMG]
как выглядит - устраивает
но если внутри использовать какойнибудь другой div то появляются какие то артефакты. как исправить? пример:
[IMG]http://img842.imageshack.us/img842/4828/48604957.jpg[/IMG]