Ciao a tutti.
Ho un problemino, ho realizzato una barra del menu con css, ma quando utilizzo lo zoom del brauser la larghezza dell'essa si diminuisce o rimane uguale, mi potete dare qualche riferimento al proposito, grazie. Il codice css:

<style type="text/css">

.navigazione {
background-color: #036;
position: absolute;
left:0px;
top:284px;
height:40px;
width: 100%;
z-index: 9999
}

.navigazione ul {
width: 1140px;
margin: 0px;
padding: 0px;
list-style-type: none;
}


.navigazione ul li {
line-height: 40px;
display: inline
}
.navigazione a {
display: block;
width: 220.5px;
padding: 0px;
float: left;
text-decoration: none;
text-align:center;
margin-right: 4px;

}
.navigazione a:link {

color: #FFF;

background-color: #069

}
.navigazione a:visited {

color: #FFF;

background-color: #069

}
.navigazione a:hover {

color: #FFF;

background-color: #ff0000

}
.navigazione a:active {

color: #FFF;

background-color: #C90

}
</style>

e quello che ho in body è:
<div class="navigazione">

<ul>
[*]Link 1
[*]Link 2
[*][*][*][*]Link 3
[*]Link 4[*]

[/list]
</div>

link per la paggina: http://guidephotoshop.altervista.org/prova1.html