CSS Sprites with different heights and widths

[melbmoon]

Afternoon, and hope you all had a wonderful Xmas.With the goal of reducing HTTP requests as possible I want to make a sprite with all patterns used for backgrounds. I already made 2 sprites for the site, but all use specific sizes for height and/or widthIs it possible to use sprites where the background repeats both X and Y and/or use width=100% ?I have these files:\[code\]blog.png (65px*65px)contacts.png (67px*100px)intro.png (50px*50px)portfolio.png (80px*80px) \[/code\]And for each I have CSS like this:\[code\]#intro{width:100%;background:url(../img/pat/intro.png) repeat}#portfolio{width:100%;background:url(../img/pat/portfolio.png) repeat;padding-bottom:30px}#contact{background:url(../img/pat/contacto.png) repeat;padding-bottom:50px}\[/code\]