CSS flyout menu - original version

[gsdcypher]

Great contrib! I have it installed and it's sorta working.. :-)

1) The menu "cuts out" sometimes when moving from cat to subcat. How do I prevent that? Does it have to do with the tiny gap between menus?

2) Also after applying the contrib, the menu "backspace" moved above the headers so it is visible. Where/how do I move that "backspace" back down slightly and change the color of the brown outline?

Thanks.

[gsdcypher]

Follow up... it appears that the menu backspace is slighty too far left (one step) and then the buttons themselves are too far left of the menu backspace (one step).

So... the menu backspace needs to move to the right one step and the menu buttons need to move to the right two steps. And the menu backspace is still visible above the column header...

Sorry I don't know the correct terminology for the menu spacing. :-(

Hope that makes sense.

BTW I am currently using the Cherry Zen template. :-)

[gsdcypher]

If anyone is interested, thanks to Jettrue, these changes to the categories menu css did the trick: :-)

div#nav-cat {width: 150px; margin: -1px 0 0 0;

div#nav-cat ul.level2 {
padding: 0; 
width: 150px; 
border: none;
}

 
div#nav-cat ul.level1 li.submenu:hover ul.level2, 
div#nav-cat ul.level2 li.submenu:hover ul.level3,
div#nav-cat ul.level3 li.submenu:hover ul.level4,
div#nav-cat ul.level4 li.submenu:hover ul.level5,
div#nav-cat ul.level5 li.submenu:hover ul.level6 {display:block;margin: 0 0 0 -2px; }