IE7 & Image Rollover in a Class

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:

.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;

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

<!--[if IE]>

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.