Background på html og body

Jeg skal bruge flere baggrunde på mit site.
Jeg har sat min ene bg på body (det er en gif som skal ligge ovenpå den anden bg):

body {
background-image: url('img/waveleft.gif'); 
background-repeat: repeat-x;
background-position: center left;
}

Den anden bg ligger i html:

html {
background-image: url('img/bggradient.jpg');
background-repeat: repeat-x;
background-position: top left;
}

Dette fungerer perfekt i Firefox og Opera men i IE fungerer det ikke. Den bg som ligger på HTML bliver slet ikke vist.

Er der noget specielt jeg skal gøre for at få den vist i IE?