looks to be a difference in how the font renders on the Mac, the text is rendering wider and there isn't enough room for that last item.
several ways to fix this, two which I'll mention here each introduce their own issues that you'll have to update: one would be to change the LI from float: left to display: inline-block and give the UL the properties white-space: nowrap and overflow: hidden. the side effect will be that each LI will suddenly have space in between them, so you'll have to remove whitespace in between the LI tags, </li><li> or atleast HTML Comment them out (and maintain your code's human readibility) </li><!-- --><li>. another would be to adjust the amount of padding for each LI, there is no issue when the LI has a padding-left of 10px. the side effect is that you'll have a gap on the right, so you'll then have to add a DIV with the attribute clear:both and give the containing UL the purple background. also, if you give the UL padding: 0 you wouldn't need a margin-left of -40px. On Mon, Jul 9, 2012 at 6:01 PM, Spencer, Laura Langa <lspenc...@bcbsm.com>wrote: > URL: http://www.bcbsm.com/foundation > > Problem: In Mac Safari and Mac Firefox, the final navigation option, > "RESOURCES" bumps down to a second line and it should be all on one line. > In all PC browsers (IE, Firefox, Chrome) it renders fine. > > Question: Can anyone help explain why this is happening or what I can try > to fix it? > > What I've done: I did W3C HTML validation and that's ok. I do get some > errors on W3C CSS validation and a lot of trial and error to fix, but no > such luck yet. > > I'm really flummoxed by this problem, and would appreciate any help. > > Thanks, > Laura Langa-Spencer > (It's my first time posting to the list, so please excuse if I've done > anything improperly, and please let me know if I need to do anything > differently.) > > > > The information contained in this communication is highly confidential and > is intended solely for the use of the individual(s) to whom this > communication is directed. If you are not the intended recipient, you are > hereby notified that any viewing, copying, disclosure or distribution of > this information is prohibited. Please notify the sender, by electronic > mail or telephone, of any unintended receipt and delete the original > message without making any copies. > > Blue Cross Blue Shield of Michigan and Blue Care Network of Michigan are > nonprofit corporations and independent licensees of the Blue Cross and Blue > Shield Association. > ______________________________________________________________________ > css-discuss [css-d@lists.css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
