Absolute Positioning not working on IE!

Guys,

I think I am having the same issue as maranello2. I can see the arrow change to the hand and then click the image to go to the links, but only in FireFox, Safari, and Chrome. I cant seem to make it work for IE. I have IE8 and IE9.

In the main page I have a slide, this slide has 4 pics (one pic per slide). The pic on the slide is a 960×340 pix .png file divided in 3 by a transparent space between all 3 pictures. This pic (on each slide) has the same format, one big one on the right, and two small boxes on the left.

Box 1 = Benefits…
Box 2 = Air Sani…

Like I said, works like a charm in Firefox, Safari, and Chrome…but it doesnt in IE8 or 9. Thats what I am trying to figure out…how to get it to show in IE

This is the link to the website: https://www.cleanairspace.com/w20 (main page slide)

This is what I have on the featured.php

<a href="https://www.cleanairspace.com/w20/cimrbenefits/" class="box-1"></a>
<a href="https://www.cleanairspace.com/w20/whatwedo/sanitizing/" class="box-2"></a>

This is what I have for the css

.box-1 {
    display: block;
    height: 159px;
    position: absolute;
    width: 210px;
    z-index: 9999;
}

.box-2 {
    height: 159px;
    position: absolute;
    top: 179px;
    width: 210px;
    z-index: 9999;
}

Help from anyone would be GREATLY appreciated.

Thanks u in advanced!