Как организовать 2-3 background ? - Вопросы по CSS

Пробую таким вариантом:

body {background:url(images/default.png), (images/bg_left.pgn);
background-repeat:repeat, no-repeat;
background-position: center bottom, left top;

   font: normal 13px/20px Arial, Helvetica, sans-serif;
   color: #777;
}

но чета не идет

изначально так:
body {background:url(images/default.png) repeat;
          font: normal 13px/20px Arial, Helvetica, sans-serif;
          color: #777;
}

То есть, одна картинка (default.png) должна замостить сделав фон, а вторая (bg_left.pgn) просто встать в левом верхнем углу поверх фона.

шо то совсем накрутили!
Если default.png - это фон так его так и пропишите - фон. Если же bg_left.pgn - слева, так в шаблоне создайте блок с соответствующими стилями и пропишите ему эту картинку
Зачем изобретать новый велосипед?
И в целом, что-то меня смущает, что Ваша строка --- background:url(images/default.png), (images/bg_left.pgn); --- должна сработать так, как это хочется. Если не изменяет память, то в данном случаи нужно было записать позицию фона непосредственно после картинки, например

ShamilHan, вы ошиблись в синтаксисе
Почитайте вот это - Два фона и больше

Огромное спасибо darkghost и SK !