IE7 & Image Rollover in a Class

HTML & CSS
1

Howdy,
I’m running into a problem with IE and using the :hover sub-class on an image within a class. IE: .zoomer img:hover {}. Works just fine, nice and neat in any other browser. Page in question: http://www.cavemanapparel.com/ncaa-c-34.html

.zoomer img:hover {
    background: #008;
    margin-left: auto;
    margin-top: -400px;
    position: absolute;
    z-index: 999;
    display: block;
    border: 0;
    height: 60%;
    width: 40%;
    overflow: visible;
    clear:both;
}

I’ve tried placing various hacks and/or solutions I’ve found across the web inside:

<!--[if IE]>
<![EndIf]-->

but the POSITION attribute seems to be ignored and takes on the code in the .css file. I know WHY it’s doing it but can’t seem to fix it. Well, I guess if I knew exactly why it’s doing it I would be able to fix it. Right?

Anyway, if you view the page source, I’m sorry for the shoddy work. It’s been a long couple of days. Any insight or solutions are greatly appreciated.