I'm trying to make my site with 2 backgrounds, first background in top and second one in footer, currently im using the below code:
body {
background: url(images/bgfooter.png) bottom center repeat-x, url(images/bgheader.png) top center repeat-x;
}
this css is working well when page is bigger than screen height, but i have some of pages with about height 500px and in these cases bgfooter isn't showing in footer,
i like to add something like this,
body {
background: url(images/bgfooter.png) bottom center repeat-x, url(images/bgheader.png) top center repeat-x;
min-width: screensize;
}
any option?