menu item as image position incorrect in IE

Howdy,

I have replaced one of my menu items with an image, and I have styled it using the code below. It looks fine in Firefox, Chrome, Safari and Opera, but in IE it seems to ignore the relative positioning.

[please mark any posted code – https://codex.www.ads-software.com/Forum_Welcome#Posting_Code ]

li#menu-item-27 a {
  display: block;
  background-image:url('images/logo.png');
  background-repeat: no-repeat;
  width: 124px;
  height: 120px;
  text-indent: -9000px;
  margin-right:-42.5px;
  margin-left:-42.5px;
  position:relative;
  top:-31px;
  margin-top:-31px;
  z-index:1;
}

Any thoughts or suggestions?

Thanks ??