Вывод более одного изображения посредствои CSS - Вопросы по CSS

Здравствуйте!
Прочитал в учебнике CSS, что через background или background-image можно вывести более одного изображения. Никак не могу применить этот момент на практике.
Дело в том, что мне необходимо оформить боковую вертикальную колонку, вынесенную отдельным блоком через <div></div>. Причем, нельзя использовать вставку картинок посредством HTML (это связано с некоректным отображением сайта в мобильных устройствах).
В самом верху надо вывести одну угловую картинку, а потом, под ней или как, вторую. Причем вторая картинка - это квадратик, который повторяется по вертикали. Тем самым, при растягивании основного макета, боковая колонка вытягивается соответственно.
Каким образом можно, использую только CSS вывести в верхнем углу одну картинку, а второй залить пространство до низу?


И второй вопрос. Почему, если выводить картинку в виде фона, как backround, то качество ее понижается по сравнению с тем, если ее вывести просто через HTML. И как можно исправить это?

Здравствуйте!
Прочитал в учебнике CSS, что через background или background-image можно вывести более одного изображения. Никак не могу применить этот момент на практике.
Дело в том, что мне необходимо оформить боковую вертикальную колонку, вынесенную отдельным блоком через <div></div>. Причем, нельзя использовать вставку картинок посредством HTML (это связано с некоректным отображением сайта в мобильных устройствах).
В самом верху надо вывести одну угловую картинку, а потом, под ней или как, вторую. Причем вторая картинка - это квадратик, который повторяется по вертикали. Тем самым, при растягивании основного макета, боковая колонка вытягивается соответственно.
Каким образом можно, использую только CSS вывести в верхнем углу одну картинку, а второй залить пространство до низу?


И второй вопрос. Почему, если выводить картинку в виде фона, как backround, то качество ее понижается по сравнению с тем, если ее вывести просто через HTML. И как можно исправить это?

background:
     url( images/blabla.png) 0 0 no-repeat,
     url(images/blublu.png) repeat-x repeat-y
А про качество впервые слышу, картинка она и есть картинка какая разница как ее выводить и из какого файла  HTML или CSS
   

background:
     url( images/blabla.png) 0 0 no-repeat,
     url(images/blublu.png) repeat-x repeat-y
 

не забудьте, что это только для современных браузеров CSS3...