overlapping div causes underlying link to not work.

[halfasleeps]

I have this div that is absolutely positioned so I can place it overlapping something else. the problem is a different part of the div that is empty is overlapping some links. in IE the links are still clickable but in FF they are not clickable.

to view this use FF and click here http://www.kranichs.com and try to click on the links to the left of the page under "Other Interests".

Any advice to circumvent this would be nice.


THANKS!

[hexburner]

I don't understand why you're not using relative positioning instead of absolute positioning.

This would work:

#slider {
    display: block;
    left: 178px;
    position: absolute;
    top: 370px;
    width: 445px;
    z-index: 50;
}

[halfasleeps]

thank you so much, what you suggested fixed it.

I am still learning css, What I had was the only way I could get it to display the I wanted it to.

What you gave me makes it display exactly the same and takes care of the overlapping links problem

Thank you very much!

[hexburner]

Glad I could help