HTML navigation float with border PROBLEM

Seriously, when I'm applying borders then use floats, this problem occurs! When I'm trying to zoo开发者_运维问答m out, the display messes up. This topic is the best example of my problem, How to prevent the floating layout wrapping when firefox zoom is reduced. I search through the internet but all of the questions haven't been answered clearly, as if there's no official fix for this.

This is my navigation that when you zoom out, the last bar messes up and going at the bottom. http://angelickp.byethost24.com/Church.php

Tried with IE and firefox.

When you zoom out, the border width values will change. This may help you.