Masha: Versuch einer sauber gecodeten Seite

Beitrag lesen

Hey zusammen,
ich versuche gerade eine einfache Seite xhtml-konform, sauber gecodet und browser-kompatibel zu erstllen. Was das Layout betrifft, habe ich vorgaben, an die ich mich halten muss. das soll aslo nicht zur diskussion stehen.
Leider habe ich bereits jetzt schon das erste Problem:
Die Seite wird in aktuellen Browsern zwar immer korrekt dargestellt. Beim Zoom allerdings verschiebt sich einiges - aber auch nicht immer, sondern nur auf einzelnen Vergrößerungen, bzw. Verleinerungen:
Habe ich bereits falsch begonnen?
Hier der Link zur Seite:Die Seite
Und hier der CSS-Code:

@charset "utf-8";  
body {  
	background-color: #F00;  
	font-family: Verdana, Arial, sans-serif;  
	width: 957px;  
	margin: 0px auto;  
}  
h1 {  
	margin: 10px 0px 0px 0px;  
	border: 2px solid #FFF;  
}  
ul#navigation {  
	list-style: none;  
	width: 957px;  
	margin: 0px;  
	padding: 0px;  
}  
ul#navigation li {  
	border-style: solid;  
	border-color: #FFF;  
	height: 35px;  
	text-align: center;  
	float: left;  
}  
ul#navigation li.zelle1 {  
	border-width: 0px 2px 2px 2px;  
	width: 227px;  
}  
ul#navigation li.zelle2 {  
	border-width: 0px 2px 2px 0px;  
	width: 240px;  
}