JqZoom CSS Probleme

[Publisher]

Hallo Miteinander

http://sneakers-store.ch.avogadro.sui-inter.net/product.php?id_product=1450

PS 1.2.5.0
&
PS 1.3.2.3

Wenn man JqZoom bein den Produktbilder aktiviert, ist der Zoom Popup einfach rechts positioniert. Diese Box ist als Prestashop Standard inline gestyled. Dafür habe ich in global.css eine Klasse mit überschreibenden Werten gemacht. Also Weite und Höhe sind problemlos somit überschreibbar. Aber wenn ich die Positionierung ändern will, also top oder left, ist das Relative Mutterelement HTML / BODY. Also wollte ich eines der nächsten umschliessenden Divs in center_column Relativ positionieren. Seit dann kann man das Zoom Popup problemlos positionieren für alle Browser gleich, aber dann funktioniert der Zoom/Scroll Effekt nichtmehr.

Kennt jemand eine Lösung?
Wäre über jedes Feedback sehr Dankbar!

Variante 1
So funktioniert der Zoom mit angepasster Dimension, kann aber left und Top nicht anpassen da das Mutterelement Relative HTML / BODY wäre:

.zoomdiv {
width:224px !important;
height:280px !important;
}

Variante 2 (Ziel ist dass das schlussendlich funktioniert)
Wenn ich ein umschliessendes Element zb. .cborder oder #center_column relative mache, kann ich es richtig positionieren, aber der Zoomeffekt funktioniert nicht.

.cborder {
   border-bottom:1px solid #DDDAD5;
   border-left:1px solid #DDDAD5;
   border-right:1px solid #DDDAD5;
   padding: 4px;
   float: left;
   width: 518px;
   background-color: #FFFFFD;
   margin:0 0 17px;
   position:relative;
}

.zoomdiv {
top:4px !important;
left:280px !important;
width:224px !important;
height:280px !important;
}