Background Image Position y% does not render correctly in IE

Greetings,

I'm positioning a background image in the body element using the CSS in the code window below.  I'm using 50%, -30% because it's only way I can adjust the picture so that it drops down exposing image properly.  This renders perfectly in FF and I can continue to adjust the Y axis of the background image easily but in IE the -30% seems to have no affect whatsoever.  From what I know, this should work in IE as well.

Question: how do I get the backtground image position % to work in IE so I can adjust both the X and Y axis image positions?

I've attached pics to show what is happening.

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: url(Images/osi_background5.jpg) 50% -30% no-repeat #03407f;
	margin: 0;	
                padding: 0;
	text-align: center; 
	color: #000000;
}

Select allOpen in new window

ffbgimage.JPG
iebgimage.JPG