Page cut in half in IE and now background distorted

Hi folks,

I’m having some trouble with my WordPress.org blog which is driving me nuts! http://feelgoodfilmclub.com

Yesterday I realised that it was completely distorted in IE 7, 8 and 9. Fine in Safari, Firefox & Chrome but in IE, the page was cut in half – scrolling down just revealed a blank page.

I figured it was to do with this bit of code:

background: url(http://feelgoodfilmclub.com/wp-content/uploads/2013/01/CycleHappy3.jpg) no-repeat center center fixed;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.http://feelgoodfilmclub.com/wp-content/uploads/2013/01/CycleHappy3.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://feelgoodfilmclub.com/wp-content/uploads/2013/01/CycleHappy3.jpg', sizingMethod='scale')";
	width:100%;
	height:100%;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
margin:0px

So I changed height:100% to min-height:100% and it sort of did the trick.

Now the content is visible in IE but the background stretches (to the extreme) so that the image is completely unidentifiable.

I wonder if anybody has any suggestions?
Thanks so much
Siobhan x