IE Background Bug

[hobbscreative]

Hi there,

I am relatively new to wordpress and have just created undertaken a pro-bono project for a company in Iowa. The site is up and running, however I have noticed a pretty big issue when viewing in IE.

The background seems to keep going after the content has finished and tiles the texture far down the page. You can see it online here:

http://www.localfoodsconnection.org/

I am using a bit of css trickery to get two images displaying in the background and think this might have something to do with it.

This is the css I am using to do it:



html {
background: #a79584 url(images/bg.jpg) center top;
height: 100%;
font-family: "Palatino", Georgia, "Times New Roman", Times, serif;
}

body {
background: url(images/bg_grad.png) repeat-y center top;
min-height: 100%;
}


#wrap {
width:920px;
margin:0 auto;
min-height: 100%;
padding: 0;
}


The site looks great in FF, Safari etc, so I guess it must be an issue with IE

I would appreciate any help I can get on this one. Please feel free to let me know if you need any other info.

Thanks in advance.

James