Body background image adaptive browser height

CSSCode:

Body {<br/> Background: # fff URL (img/bg.gif) Repeat-y center top; <br/>} 

If the webpage contains a small amount of content, the background image of the body only occupies part of the height of the browser, which is hard to see. Now we add a minimum height to the body:

Body {<br/> Background: # fff URL (img/bg.gif) Repeat-y center top; <br/> Min-heigth: Min-Height: 100%; Height: Auto! Important; Height: 100%; <br/>} 

The display in IE is good, but it still does not work in chrome. Now we set the HTML height to 100%. Everything is OK. The final code is as follows:

HTML {<br/> Height: 100%; <br/>}< br/> body {<br/> Background: # fff URL (img/bg.gif) repeat-y center top; <br/> Min-heigth: Min-Height: 100%; Height: Auto! Important; Height: 100%; <br/>}