Menu che va a capo quando vuole!

[Sonikag]

MENU:

<div id="banner2">
[img]img/t2.jpg[/img] 
<div id="navcontainer"> 
<ul id="navlist">[*].:Azienda[*].:Menu2[*].:menu3[*].:menu4[*].:menu5[*].:m6[*].:Parola e parola[*].:menu8[/list]
</div>
</div>

CSS:

#banner2 {
padding: 0px;
margin: auto;
width:750px;
background-color: #001432;
text-align: right;
}
#navlist
{
margin: 0;
padding: 0 0 4px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #fff;
font-size: 0.7em;
font-weight: bold;
}

#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; }

Il menù viene visualizzato correttamente, il problema sta quando effettuo un visualizza > carattere > grande

essendo che il contenitore banner2 ha larghezza 750 il menu va su due righe e fino a qui tutto ok, il problema sta che però diventa più largo di 750px. La cosa strana è che nella seconda linea ci sarebbe spazio per accogliere i caratteri che sbordano da sopra. non so se mi sono spiegata...

[nickmadison]

posta il link alla pagina intera cosi possiamo provare direttamente