Dreamweaver different display than Firefox

Question

I set up a simple example website to show you the issue that I'm currently fighting with:
http://examplesite.ohost.de/
In Firefox the site is rendering just fine, in the Dreamweaver, on my android phone and I think on other webkit browsers, the navigation bar buttons are cut off on the right and I think the buttons have slightly more width.
Here are some screenshots:

So what do I have to change to get a similar result to the one in Firefox in every browser?

edit: I now tested it on the newest versions of Safari, Opera and Chrome and they are rendering it correctly.

Answer 1

You could use a fix size for navBtn, something like

.navBtn {
position: relative;
float: left;
line-height: 18px;
font-weight: bolder;
list-style: none outside none;
width: 100px;
}

This maintains element size.