OK, I noticed it – it happens just when the page is zoomed in/out (i.e. is not 100%) for me. I guess it’s some sort of rounding issue probably related to font rendering since it seems to be dependent on the line-height
value for the links, probably font-size
, too, etc.
Anyway, it seems to produce a fake 1px bottom margin for some of the LI’s so I would suggest to fix it by setting the same background used for the LI’s to the sub menu UL’s too – e.g. you could just modify the following rule in “bmd-2014-header.css”:
.sm-simple ul li,
.sm-simple-vertical li {
border-left: 0;
background: #edede7;
color: #963547;
}
like this:
.sm-simple ul,
.sm-simple ul li,
.sm-simple-vertical li {
border-left: 0;
background: #edede7;
color: #963547;
}
Let me know if you still have any troubles.