clickable area image and buttons small / shifted

Hot image slider works fine, except for the links in Chrome (v7.0.517.44).

Only the upper left area of the main image is clickable, and only the lower right corner of the 5 buttons is clickable. In IE it's all fine.

To experience this behaviour start Google Chrome and go to my site: www.oleanders.nl

Thanks for your help and the great module!

Hi,

In css file /templates/oleanders/css/template.css

find:

#component_div {
border: 0px solid red;
height: 500px;
left: 205px;
overflow: auto;
padding-right: 42px;
position: absolute;
top: 60px;
width: 649px;
z-index: 50;
}

, and set value of height to 450px.

This change will remain compatible with other browsers.
The component_div covers buttons so yo can't click on them , this shrinks height of component_div uncovering buttons.

Ivan

That's only a solution for the homepage. The slider is disabled on all other pages of the website. On those other pages the height of 500px is required.

But... I found a solution myself:
set the z-index value of #gallery to a value larger than that of #component_div. This way link behaviour in the hot image slider (position gallery) is not interfered by component_div.

Thanks anyway ivan!