problema impaginazione IE9 - Chrome

[seokey]

Salve a tutti,

riscontro un problema di impaginazione su IE9 e Chrome mentre su Firefox sembra funzionare tutto secondo quanto desiderato.

Posto il css:

/* CSS Document */

body {
	margin: 10px auto;
	width: 930px;
	font: 100% Verdana, Verdana, Arial, Helvetica, sans-serif;
}

img {border: none}

.menu2 {
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
}
.menu2 li {
	padding: 10;
	margin: 0 0px;
	float: none;
	position: relative;
	text-align: center;
}
.menu2 a {
	padding: 50px 10px;
	color: #ffffff;
	width: 144px;
	text-decoration: none;
	font-weight: bold;
}
.menu2 li em {
	font-weight: bold;
	background: url(images/nav5_hover.png) no-repeat;
	width: 215px;
	height: 168px;
	position: absolute;
	top: 100px;
	left: 350px;
	text-align: center;
	padding: 100px 0px 10px; 
	font-style: normal;
	z-index: 0;
	display: none;
}
.menu3 {
	margin: -60px 0 0;
	padding: 0;
	list-style: none;
}
.menu3 li {
	padding: 0;
	margin: 0 180px;
	float: right;
	position: relative;
	text-align: center;
}
.menu3 a {
	padding: 50px 10px;
	color: #ffffff;
	width: 144px;
	text-decoration: none;
	font-weight: bold;
}
.menu3 li em {
	font-weight: bold;
	background: url(images/nav5_hover.png) no-repeat;
	width: 215px;
	height: 168px;
	position: absolute;
	top: 100px;
	left: -205px;
	text-align: center;
	padding: 60px 0px 10px; 
	font-style: normal;
	z-index: 0;
	display: none;
}
.menu4 {
	margin: 210px 0 0;
	padding: 0;
	list-style: none;
}
.menu4 li {
	padding: 0;
	margin: 0 0px;
	float: right;
	width:480px;
	position: relative;
	text-align: center;
}
.menu4 a {
	padding: 50px 10px;
	color: #ffffff;
	width: 144px;
	text-decoration: none;
	font-weight: bold;
}
.menu4 li em {
	font-weight: bold;
	background: url(images/nav5_hover.png) no-repeat;
	width: 215px;
	height: 168px;
	position: absolute;
	top: 100px;
	left: -93px;
	text-align: center;
	padding: 60px 0px 10px; 
	font-style: normal;
	z-index: 0;
	display: none;
}
.menu5 {
	margin: 380px 0 0; 
	padding: 0;
	list-style: none;
}
.menu5 li {
	padding: 0;
	margin: 0 450px;
	float: center;
	position: relative;
	text-align: center;
}
.menu5 a {
	padding: 60px 10px;
	color: #ffffff;
	width: 144px;
	text-decoration: none;
	font-weight: bold;
}
.menu5 li em {
	font-weight: bold;
	background: url(images/nav5_hover.png) no-repeat;
	width: 215px;
	height: 168px;
	position: absolute;
	top: 0px;
	left: -94px;
	text-align: center;
	padding: 100px 0px 10px; 
	font-style: normal;
	z-index: 0;
	display: none;
}
.menu6 {
	margin: -190px 0 0; 
	padding: 0;
	list-style: none;
}
.menu6 li {
	padding: 0;
	margin: 0 230px;
	float: left;
	position: relative;
	text-align: center;
}
.menu6 a {
	padding: 50px 10px;
	color: #ffffff;
	width: 144px;
	text-decoration: none;
	font-weight: bold;
}
.menu6 li em {
	font-weight: bold;
	background: url(images/nav5_hover.png) no-repeat;
	width: 215px;
	height: 168px;
	position: absolute;
	top: 0px;
	left: 125px;
	text-align: center;
	padding: 60px 0px 10px; 
	font-style: normal;
	z-index: 0;
	display: none;
}
.menu7 {
	margin: -110px 0 0;
	padding: 0;
	list-style: none;
}
.menu7 li {
	padding: 0;
	margin: 0 0px;
	float: none;
	width: -180px;
	position: relative;
	text-align: center;
}
.menu7 a {
	padding: 50px 10px;
	color: #ffffff;
	width: 144px;
	text-decoration: none;
	font-weight: bold;
}
.menu7 li em {
	font-weight: bold;
	background: url(images/nav5_hover.png) no-repeat;
	width: 215px;
	height: 168px;
	position: absolute;
	top: 100px;
	left: 350px;
	text-align: center;
	padding: 60px 0px 10px; 
	font-style: normal;
	z-index: 0;
	display: none;
}
.menu8 {
	margin: -215px 0 0;
	padding: 0;
	list-style: none;
}
.menu8 li {
	padding: 0;
	margin: 0 140px;
	float: none;
	position: relative;
	text-align: center;
}
.menu8 a {
	padding: 50px 10px;
	color: #ffffff;
	width: 144px;
	text-decoration: none;
	font-weight: bold;
}
.menu8 li em {
	font-weight: bold;
	background: url(images/nav5_hover.png) no-repeat;
	width: 215px;
	height: 168px;
	position: absolute;
	top: 100px;
	left: 210px;
	text-align: center;
	padding: 60px 0px 10px; 
	font-style: normal;
	z-index: 0;
	display: none;
}

In pratica le ultime voci 7 - 8 risultano in una posizione sbagliata, mentre su Firefox gli otto punti disegnano un cerchio.

se non fosse chiaro posso eventualmente postare il link pubblico.

Grazie in anticipo!

[seokey]

Nessun suggerimento?
Devo postare il link pubblico per visualizzare il problema ?

Grazie in anticipo.

[Web Italia]

purtroppo a prima vista non riscontro errori, prova usare la convalida w3c. Ti dirà dove sono presenti errori di compilazione, funziona anche per i css.

Se nemmeno correggendo gli errori indicati dal w3c riuscirai a risolvere il problema ti conviene rifare quella parte da capo. Stavolta usando IE9 come browser per testare il funzionamento.