CSS多个背景 - 一个重复

Question

CSS背景，我知道如何使用CSS3进行神奇的工作，但是这会使旧的浏览器落后。我目前的代码是......

body
{
font-family             : "Helvetica Neue", "HelveticaNeue", Helvetica, Arial;
font-size               : 11px;
color                   : #000;
text-align              : center;
margin                  : 0;    
background              : url('images/background.jpg') top center no-repeat, url('images/grassBackground.jpg') center center repeat-y;
background-size         : 100%;
}

grassBackground需要重复，背景为100％宽度并保持比例。不确定如何在没有CSS3的情况下使其工作？

Answer 1

修正：

html {
height                  : 100%;
background              : url('images/grassBackground.jpg') top center repeat-y;
background-size         : 100%;
}
body
{
font-family             : "Helvetica Neue", "HelveticaNeue", Helvetica, Arial;
font-size               : 11px;
color                   : #000;
text-align              : center;
margin                  : 0;    
background              :  url('images/background.jpg') top center no-repeat;
background-size         : 100%;
height                  : 100%;
}