ciao, ho un piccolo problema di visualizzazione circa un nav menu.
eccolo:
codice:
html:
<div id="nav">
			<map title="menù di navigazione">
				<ul>
					[*]home
					[*]azienda
					[*]****
					[*]****
					[*]****
					[*]****
					[*]****
					[*]contatti
				[/list]
			</map>
		</div>

css:
div#nav {
				width: 780px;
				height: 25px;
				background: url(../images/bgNav.png);
				border-bottom: 1px solid #ccc;
				position: absolute;
				top: 195px;
				left: 20px;
			}
				div#nav ul {
					margin: 0;
					list-style-type: none;
					text-align: center;
				}
					div#nav li {
						margin: 0 0.3em;
						float: left;
					}
						div#nav a, div#nav a:link, div#nav a:active, div#nav a:visited {
							width: 85px;
							font: 0.8em Arial, Helvetica, sans-serif;
							padding: 0.7em 0 0;
							color: #e0e0e0;
							text-transform: uppercase;
							text-decoration: none;
							display: block;
							background: url(../images/bgLinkNav.png) bottom center no-repeat;
						}
						div#nav a:hover, div#nav a:focus {
							background: url(../images/bgLinkHoverNav.png) bottom center no-repeat;
						}
Il problema è che ie me lo mette esattamente al centro del suo div contenitore, mentre ff lo mette a sx, questo credo per via del float che viene letto in modo diverso. Se metto un margin all'ul riesco a centrare bene in ff, ma in ie poi mi slitta l'ultimo link contattti.
come posso risolvere?