Background image will not show up in IE8 or below but works in Firefox and Chrome

Background image will not show up in IE8 or below but works in Firefox and
Chrome

I have a project that has a background image that will not show in IE
unless you put a space between the ) and no repeat. When you put that
space it does show but is distorted. This background image works in both
Firefox and Chrome.
Live link: http://www.mastisolcostanalysis.com/survey
CSS:
#app-wrapper{
width: 1024px;
height: 768px;
min-height:100%;
margin: 0px auto;
/*margin-top: -384px;
position: relative;
top: 50%;*/
text-align: left;
background: url(../img/ui-frame.png)no-repeat;
overflow: hidden;
background-size: 100%;
}
Any help will be greatly appreciated!