две картинки в фоне

[devid89]

здравствуйте, возникла проблема.

 

Есть сайт фиксированной ширины, по центру. У body задан отдельный фон в виде картинки. Мне нужно в правый и в левый верхний углы добавить два изображения (т.е. одно с лева, другое с права). Размеры их маленькие, т.е. соединить в одну проблемотично будет, да и надо учесть, что мониторы могут быть разного размера.

 

Пробовал вставлять грубым методом, т.е. перед дивом с основным контентом вставил два дива, в ксс которых указал одному фон и положение с лева, другому фон и положение с права. Но в итоге блок с контентом опускается на ширину этих картинок, что не совсем то, что должно получиться.

 

как мне решить данную проблему? 

 

спасибо за помощь!

[Z1gnet]

http://codepen.io/anon/pen/HqKwm вставляйте сразу после body

[xanthonyx]

или с помощью псевдоэлементов: http://jsfiddle.net/anthonydev/yfu9t/

[Great Rash]

Пробовал вставлять грубым методом, т.е. перед дивом с основным контентом вставил два дива, в ксс которых указал одному фон и положение с лева, другому фон и положение с права. Но в итоге блок с контентом опускается на ширину этих картинок, что не совсем то, что должно получиться.

 

А если этим блокам сказать position: absolute;?