Quote Originally Posted by gsdcypher View Post
Beautiful Jettrue!

After replacing the entire css, I did move this setting back to: div#nav-cat {width: 150px; margin: -1px 0 0 0;

Level 1 to Level 2 to works much better now.

What did you change? Because we need to make the same changes to the Level 2 to Level 3 and Level 3 to Level 4 (see Menu Test Level) because they have the same gap that was making the menu cut out...

Thanks!
Replace these two sections of that code I previously sent with this:

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

Code:
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; }
This is what did it:
margin: 0 0 0 -2px;