Dropdown menu going out of the screen area

[alstonfds]

Hi
I have built this CSS based menu using this totally modified code from the Suckerfish dropdowns modified by this guy from Solardreamstudios.com.

The problem is that the second level of the bottom most dropdown option goes out of the screen for 800x600 resolution. Is there any way to make it pop up and fill the screen area instead of dropping down as usual ?

I'm stuck with this cuz i have spent a lot of time customising and modifying the css code and then i get this..

THE LINK :
http://www.theoceaniqueresort.com/images/menu.html

YOUR SUGGESTIONS AND COMMENTS ARE WELCOME !


The code :
Attachment 549

[alstonfds]

ANYBODY ??? I STILL NEED HELP ....

i cant really do much .. i could do with some guidance..

[emecks]

want to post a sample page so it's easier to see??

[alstonfds]

The bottom most link under DEPARTMENTS is OTHER MEDICAL SPECIALITIES and goes so low down that it drops out of sight of the screen. I need it to pop up instead.


http://www.theoceaniqueresort.com/images/menu.html

[alstonfds]

I have already heavily modified the script and cant really fall back on some other script at the eleventh hour.. Wish ANYLINK SCRIPT was multilevel ...

Have used it on my previous site and is bloody amazing.

[emecks]

sorry matey, I can't figure it myself just now... how about using a specific selector for those elements that are too low?

[alstonfds]

tried what i could with my limited knowledge .. but no can do. Guess i'm screwed ....

[ItsMeOnly]

well, you could check if the menucontainer...

rootHeight = ((document.all) ? document.body.offsetHeight : window.innerHeight); 
if (myMenuContainer.offsetHeight + myMenuContainer.offsetTop > rootHeight)
myMenuContainer.style.top = rootHeight - myMenuContainer.offsetHeight + "px"

[alstonfds]

I ended up using a negative margin-top value for that ul to make it permanently pop-up. Someone in the [H]ardforum gave that tip. Its not the most pleasant looking solution but its functional ...