Salve a tutti, da qualche giorno ho deciso finalmente di cambiare metologia nella strutturazione di siti web, dalle vecchie tabelle sto passando all' uso dei DIV, e.... subito i primi problemi,

in primo luogo, devo allineare in un div il suo conenuto al centro si vertica le che orizzontale ottimizzato anche per IE, da premettere che questo contenitore contiene tag UL e IL dove ho opporunamente inserito e settato degli stili per un menù di navigazione orizzontale, ed ecco il secondo problema, per ottimizzare il contenuto per i motori di ricerca ho inserito il testo dei link, tipo: home, contatti, dovesiamo, ecc.. inseriti un in tag SPAN e tutto lincato mediante tag A, e settato l'opzione display none per i tag SPAN, il problema è che i link non funzionano!! come mai

di seguito è riportato il codice e il CSS. NON SIATE TROPPO CRUDELI

##PAGINA##

<html>
<head>
<title>Caseificio Fratelli Taglianetti, mozzarella di bufala campana d.o.p.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="">
<meta name="description" content="">
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>

<body style="background-image: url(images/sfondi/<?php echo $imgb[$numvetb];?>); height: 100%; width: 100%;margin: 0; padding: 0;text-align: center;">

<div id="contenitore">
<div id="header">
<div id="logo">[img]images/caseificio_taglianetti.png[/img]</div>
<div id="spot"><h1>Caseificio Fratelli Taglianetti
da venti anni sulle vostre tavole</h1></div>
</div>
<div id="box">
<div id="contenuto_box">


</p>


Qui il contenuto della pagina</p>
</div>
<div id="navigator">
<ul>
<li id="home"><span>Home</span>
<li id="bull"><span>0</span>
<li id="chisiamo"><span>Chi Siamo</span>
<li id="bull"><span>0</span>
<li id="prodotti"><span>Prodotti</span>
<li id="bull"><span>0</span>
<li id="dovesiamo"><span>Dove Siamo</span>
<li id="bull"><span>0</span>
<li id="contatti"><span>Contatti</span>[/list]
</div>
</div>
</div>
</body>
</html>


##CSS##

#contenitore {
width: 980px;
margin: 0px auto 0 auto;
text-align:center;
}
#contenitore #header #logo {
float: left;
z-index: auto;
margin-left: 20px;
}

#contenitore #box #contenuto_box {
height: 520px;
margin-left: 10px;
margin-right: 10px;
width: auto;
text-align: left;
}
#contenitore #box #navigator {

position: relative;
height: 40px;
width: 1000px;
background-image: url(../images/navigator_bg.png);
background-repeat: no-repeat;
}
#contenitore #header #spot {
float: left;
padding: 0px;
margin-top: 50px;
margin-right: 0px;
margin-bottom: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
width: 748px;
}
#contenitore #box {
background-image: url(../images/boxback.png);
background-repeat: no-repeat;
background-position: left top;
width: 1000px;
height: 625px;
clear: left;
}
span {
display: none;
}
#contenitore #box #navigator #home {
background-image: url(../images/navigator/home.png);
float: left;
list-style-type: none;
height: 21px;
width: 66px;
cursorointer;
background-repeat: no-repeat;

}
#contenitore #box #navigator #chisiamo {
background-image: url(../images/navigator/chisiamo.png);
float: left;
list-style-type: none;
height: 21px;
width: 115px;
cursorointer;
background-repeat: no-repeat;
}
#contenitore #box #navigator #prodotti {
background-image: url(../images/navigator/prodotti.png);
float: left;
list-style-type: none;
height: 21px;
width: 91px;
cursorointer;
background-repeat: no-repeat;
}
#contenitore #box #navigator #dovesiamo {
background-image: url(../images/navigator/dove_siamo.png);
float: left;
list-style-type: none;
height: 21px;
width: 137px;
cursorointer;
background-repeat: no-repeat;
}
#contenitore #box #navigator #contatti {
background-image: url(../images/navigator/contatti.png);
float: left;
list-style-type: none;
height: 21px;
width: 97px;
cursorointer;
background-repeat: no-repeat;
}
#contenitore #box #navigator #bull {
background-image: url(../images/navigator/bull.png);
float: left;
list-style-type: none;
height: 21px;
width: 12px;
background-repeat: no-repeat;
margin-right: 40px;
margin-left: 40px;
}



GRAZIE