Как убрать скрещивание угловых элементов фона при изменении размера окна браузера?

Question

[TheKratos]

background:
url(../image/background-top-right.png) no-repeat top right,
url(../image/background-top-left.png) no-repeat top left;

Когда я сжимаю окно браузера эти угловые элементы наезжают друг на друга.

Answer 1

[Алексей Николаев]

Используйте background-size со значением ширины в нужное количество процентов. Проблема лишь в кроссбраузерности с IE, но возможно есть полифилл (не уверен). Лично я бы для кроссбраузерности разделил бы фоны по псевдоэлементам.

background-size: 50% auto;