(see screenshot) Chrome display glitch causes some menus to wrap last word?

Do you have any idea what type of formatting would cause the last word on a menu to be wrapped?. It has happened on two menu's on this site, the top menu to the left of the banner and the secondary menu. It only displays this way in Chrome as far as I can tell. IExplore and Firefox look normal.

I've used the "inspect element" to have a boo through the associated code and don't see anything. I'd post the code but oddly enough this site has no quote/code option and it seemed to attempt to auto render it when I tried to post it.

 

Insert code option is there if you look hard enough...

 

thank you, I did look at it but I must not have clicked on it.

So this is from the element inspector and I do not see anything in the code t hat would cause that issue, although it obviously could be caused by something elsewhere in the code that I am not seeing. I did notice the use of the z-index css element in other sections referring to the menu but notice that the code does not use absolute positioning so I don't think z-index will function less position is absolute but I did n't think that would cause it.

media="all"
.sub-header-menu > li:first-child > a {
border-left: none;
}

media="all"
.sub-header-menu a {
border-left: 1px solid #e5e5e5;
color: #333;
cursor: pointer;
display: block;
font-size: 12px;
font-weight: 400;
height: 35px;
line-height: 35px;
margin: 0;
padding: 0 0.9em;
position: relative;
text-decoration: none;
text-shadow: none;
}

Code (markup):

 

Try setting nowrap for white-space for both menus or the one affected. Like this:

.sub-header-menu a
{
   white-space:nowrap;
}

Code (CSS):