CSS Issue with vertical navigation WordPress

• SOLVED

Website with Vertical naviagation: radiantdesignjewelers.com

When hovering over Jewelry, the side sub menu appears, but the menu items directly below Jewerly colapse. It appears to work ok only in IE9. IE8 and FireFox dosnt work.

What am I missing in the CSS? I need the relative position with an index of 9999 to make the menu appear on top of the slide show.

Answers (3)

2012-01-23

Julio Potier answers:

Just modify this CSS rule :
#navigation ul li:hover ul {
display: inline-block;
}
was "block", i modified in "inline-block" ;)

---

69developer comments:

This worked! thanks!

2012-01-23

Julius J. answers:

To css menu li element add position relative and submenu ul element add position absolute :)

EDIT: also edit your sub menu position - remove margin from top

2012-01-23

Arnav Joy answers:

find out
#navigation li a

make its position absolute in place of relative