Crossbrowser将菜单对齐到标题的底部

I'm trying to realize a navigation menu like below. There should be no space between the black/red button and the border-bottom attribute of header. Especially the Safari browser makes some trouble. There is a big gap between the border and the navi item.I'm trying to realize a navigation menu like be