Sfondo css che si allarga troppo

[Sonikag]

Ho questo menù:

<div id="banner2"> 
<div class="dx">
<div id="navcontainer"> 
<ul id="navlist">[*].:Azienda[*].:Chi siamo[*].:Contatti[/list]
</div>
</div>
</div>

questo css:

#banner2 {
padding: 0px;
margin: auto;
width:750px;
background-color: #001432;
}
#navlist
{
margin: 0;
padding: 0 0 4px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #fff;
font-size: 0.7em;
text-transform: uppercase;
}
#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
color: #fff;
}
#navlist a:link, #navlist a:visited
{
font-weight: bold;
margin: 0 3px 2px 3px;
text-decoration: none;
color: #fff;
}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 2px solid #f8c300;
padding-bottom: 2px;
background: transparent;
color: #fff;
}
#navlist a:hover { color: #fff;}
.dx {text-align: right;}

Se faccio un visualizza > carattere > grande lo sfondo blu va sotto sopra agli altri div, cosa che non dovrebbe fare.

[Sonikag]

Dimenticavo, quello che si espande troppo è il blu del content.