JQuery Slide doesn't seem to work in IE8

I tried that .. but unfortunately it breaks another module I have on the same page. So what I gain in the the zoomer working, I lose somewhere else.

By the way I tried disabling all other modules in case they were the culprit but they weren't.

Really need your help on this one. As you can see took a lot of trouble to customize your beautiful template. Now if only this too would work ...

I also tried upgrading jquery and jquery-ui to the latest versions. It still doesn't work ...

Because the test appears when I hover my mouse over it I suspect this can be fixed with CSS. But I don't know what the style is when the text is NOT hovered over.

Try this, open : modules\mod_hot_joomla_zoomer\tmpl\default.php

Change:
...
navPanel: '#<?php echo $UID; ?> .hjtzoomer_nav',
...
to
...
navPanel: '#<?php echo $UID; ?> .hjtzoomer_nav .absdiv',
...

then change:

...
<div class="hjtzoomer_nav" style="<?php if($enableTitleBar != 1) echo 'display:none;'; else echo ''; ?>">

</div>
...

to:

....
<div class="hjtzoomer_nav" style="<?php if($enableTitleBar != 1) echo 'display:none;'; else echo ''; ?>">
<div class="absdiv" style="width:100%;height:100%;margin:0;padding:0;position: absolute;" >

</div>
</div>
...


if it does not work leave it like that and inform so I could add some more css property

Added what you told me to add but still doesn't work .. It seems to change style the moment it arrives in the middle of the nav bar (at which time the text goes invisible).

I got yesterday new machine , and we installed fresh win7 which had IE8, I saw that all is ok on our demo, so I noticed that you have made changes to navTitle style:


.navTitle {
width: 320px;
float: left;
padding: 6px 0px 6px 0px;
font-family: 'PT Sans Narrow', sans-serif;
font-weight: 700;
font-size: 20px;
vertical-align: middle;
text-transform: uppercase;
position: relative;
top: -42px;
opacity: 0.70;
line-height: 30px;
filter: alpha(opacity=70);
background-color: #222;
width: 180px;
}

problem is postion:relative

try some other way to position elements like you want. Maybe you can use position absolute, do not set top and left in that case so element remains where it is and then use margin-top:-42px;