Как сейчас верстаются подобные элементы?
мультифон.box {
background: 
  url('boxBg.png') center, 
  url('img1.png') top left no-repeat, 
  url('img2.png') top right no-repeat, 
  url('img3.png') bottom left no-repeat, 
  url('img4.png') bottom right no-repeat
;
}
Вот, уже 4 угла и фон есть)) и никакие псевдоэлементы с дивами не нужны
про 4 угла как-то так
css.yoksel.ru/assets/demo/border-image/demo_1.html