Menu bar breaks when zooming out

HTML & CSS
1

When i zoom out with my browser (using chrome) the navgiation menu breaks and 1 link is being dropped 1 line.
Its not a big issue (I suppose?) but just out of curiousty im wondering how such issue can be solved.
I thought at first to use percentage as width values, but well, it causes much worse issues than what it acutally fixes. (like background color on hover wont affect whole button).

Just take a look at my site and let me know if its possible fixing such a thing and if i should even worry about it, is there even a reason for people to zoom out a browser?

Thanks,
Ulthane

2

There’s a neat method that involves unfoating the last list item. You can read about it here:

and here

3

thanks ralph, that solved it :slight_smile:
Just added float:none;overflow:hidden to the last li element.