visibility: hidden non funziona

[Il Pazzo]

ho questo codice nel css:

.layoutCentrato ul#navigazione{
    margin-top: 100px;
    list-style-type: none;
    font-family: Verdana;
    font-size: 12px;
}

.layoutCentrato ul#navigazione li ul{
    [b]visibility: hidden;[/b]
    display: block;
    margin-top: 100px;
    list-style-type: none;
    font-family: Verdana;
    font-size: 12px;
} 

Mentre l'html è questo:

<ul id="navigazione">
                    <li id="servizi"><span>[url="#"]Servizi[/url]</span>
                        <ul>
                            <li id="prezzi"><span>[url="#"]Offerte e listino prezzi[/url]</span>[/list][/list] 

Invece.... non mi nasconde nulla.... perchè?