Overlaying an animated div on other divs

[FlyByNight]

Hi All,
I have a problem that I have been wrestling with for a couple of hours. I have an animated div which I want to slide over another set of divs when the mouse is over the adjacent trigger area. I have tried using various combinations of position fixed, absolute and relative but I can’t seem to achieve what I am looking for. In my code I want the red div to slide over the top of the green divs when the mouse is over the grey divs.

I had thought of using absolute positioning on the sliding div and getting the correct position from the browser window size to set the left property but a) I wasn’t sure how it would behave if the browser window is resized and b) I didn’t know how to do it :oops:

Here’s my code:

Code:

Tooltip

SearchButtons

Any help would be much appreciated.
Thanks,
Paul.

[Author]

Posts