[SOLVED] Cannot go further under submenu

[pc87]

Hi everyone,

I have a problem that the hover on "Portfolio" tab cannot go further down to the "Bar & Restaurant" in submenu. The link is http://perrychow.net/job/novusp/menu-test2.html

Would somebody please help?

Thanks in advance~

[chrishirst]

In what browser?

[chrishirst]

Ok all of them I see.

Problem is likely to be youe use of fixed position on the sublists.

Read up on positioning and how position: fixed actually works.

[pc87]

Thanks, Chris,

It is Chrome and Firefox. after I rollover down the submenu of "residential", I cannot go further to "Bar & Restaurant"..

[chrishirst]

change the positioning to absolute instead of fixed and set position: relative on the parent.

[pc87]

Thanks again,

not working >.<

[chrishirst]

Until your "dropdown element" is removed from the normal flow and STOPS expanding its parent that is what will happen.

Your "sub section" HAS to be position: absolute; and its parent HAS to have a position property value OTHER than static (the default)

[pc87]

Thanks again for your help, I did this:

http://perrychow.net/job/novusp/menu-test5.html

Another sub-list is moving up too. I need some more time to fix it out... thank you.

[chrishirst]

Oh and by the way heights are better done using exs rather than ems.

1em = the width of a uppercase 'M' while 1ex is the height of a uppercase 'X' for the font face/family in use.

[pc87]

oops!

Thanks Chris, I will give it a try!

cheers~