Basically what is happening is in Firefox the layers work correctly and the links show up in the right spot on top of the image, where as in IE the image has some sort of line break or space on the top of it. Take a look and you will get a better idea of what I am talking about I guess.
You gotta love IE! Not sure if it'll help, but try the CSS changes below. It might work. I would guess this has something to do with the banner-top div coming after the banner-links div. I think you need to float the second so it moves over the first. Not sure, but give it a shot.
Thanks for the idea, but it seems that I just cant get this to work this way.
Either I am going to have to just edit all the images with the home and print and make an image map....
or
I am going to make the "Financial Technologies" in the to right the thing to click to go home and then put a "Print this Page" link near the bottom of the page.
I think that option 2 sounds more straightforward. What do you guys think? Will people be confused?
Sounds archaic, but what I normally do in cases like this is start removing CSS elements then add them back in one by one. What you want is for the second <div> to be in the highest location. You want the first <div> to float over it. Using that, make your CSS as minimal as possible until you get that effect, then add in the other styling.