Yes, @vals and @shomz are half correct.
You do need to add height:100%;
to #cssmenu ul ul
BUT, to fix the Product 1 and Product 2 sub menu overlapping, you need to change:
#cssmenu ul ul ul {
top: 0;
left: auto;
right: -99.5%;
}
TO:
#cssmenu ul ul ul {
top: 0;
left: 100%;
}
And @shomz is right, there is a lot of unnecessary styling going on here.
For example, you define #cssmenu ul ul ul
TWICE:
ONCE as:
#cssmenu ul ul ul {
top: 0;
left: auto;
right: 100%;
}
and a second time as:
#cssmenu ul ul ul {
border-top: 0 none;
}
You need to go back and combine instances of duplication like this because if you leave the first one that defines top
and left
, then in the one with border
you add top:0;
and left: 100%;
, things will not work I describe.