CSS or Javascript to stretch an image.

I am building a website using Vaadin: [login to view URL] The bottom banner of the website is supposed to stretch along the bottom of the browser window. This works fine in Chrome Firefox and ie8 + but ie7 does not stretch the image. I have heard that I need to use javascript to fix this as seen in this post I sent [login to view URL] This is not written in html but you do have a certain amount of control of the css and javascript is apparently possible You can see the problem live at: [login to view URL] The current css is: /* This is used for the main login screen */ .v-verticallayout-homepage { background: url(img/mandg-logos/[login to view URL]) bottom left no-repeat; width: 100%; position: fixed; background-position-x: 0%; background-position-y: 100%; background-position-z: -999; background-size: 100%; width 100%; background-color: white; color: black; z-index:1 }