Can not get part of background image to display correctly (using css) in Firefox

1

Hi guys,
I was asked to do these horrific spinning balls for a friend. The website was not designed by me…so no wise cracks on the horrific website…

http://www.ralphcarr.com/

Anyways the background image is set using css, its fine in IE 6, but in FF and Mozilla the top white bar is too thick it should be 13 pixels high like the bottom white bar. The strange thing is that the white bar is part of the image, so why is it stretching?

css is here:

.mi2 {
background-color: #000000;
background-attachment: fixed;
background-image: url(…/images/9.jpg);
background-repeat: no-repeat;
background-position: 0px 58px;
}

  • html .mi2 {
    background-position: 0px 0px;
    }

any help very much appreciated.