menu verticale effetto fisarmonica

[Costy81]

Sto creando un menu verticale con effetto fisarmonica.

Mentre su IE nn ho nessun problema su firefox non riesco a visualizarlo bene allineato sulla sinistra, diciamo sul bordo..

Ecco il codice html:

<table width="150" border="1" align="left" cellpadding="1" cellspacing="1">
  <tr>
    <td width="150"><ul class="menuNavigazione">
          <li class="voceCorrente">[url="javascript:mmenu('submenu-1')"]Piombi[/url]  
                          <ul class="submenu" id="submenu-1">
                                [*][url="#"]Passetta[/url]
                                [*][url="#"]Seconda sotto voce[/url]
                                [*][url="#"]Terza sotto voce[/url]
                           [/list]
  
                   <li class="voceCorrente">[url="javascript:mmenu('submenu-2')"]Seconda voce[/url]  
                          <ul class="submenu" id="submenu-2">
                                [*][url="#"]Prima sotto voce[/url]
                                [*][url="#"]Seconda sotto voce[/url]
                                [*][url="#"]Terza sotto voce[/url]
                           [/list]
                  [*][url="#"]Terza voce[/url][/list]</td>
      </tr>
    </table> 

Questo è il codice css:

.menuNavigazione {
    margin: 0;
    width: 150px;
    list-style: none;
}

.menuNavigazione a{
    display: block;
    text-decoration: none;
    margin: 2px 0;
    padding: 5px;
    border: 1px solid #000;
    color: #ffffff;
    background:#00FF33
    
}

.menuNavigazione a:hover,
.menuNavigazione a:focus,
.menuNavigazione a:active{
    
    padding: 0px;
    border-width: 2px;
    
}

.menuNavigazione ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

.menuNavigazione .voceCorrente a {
    
 margin: 0;
 border-width: 2px;
 padding: 4px;
 font-weight: bold;

  
}

.menuNavigazione .voceCorrente ul a {

 border-top:none;
 margin: 0 7px;
 font-weight:normal;
 font-size: 80%
 
}

.menuNavigazione .voceCorrente ul a:hover,
.menuNavigazione .voceCorrente ul a:focus,
.menuNavigazione .voceCorrente ul a:active{
    
    color: White;
   background: #000;
    } 

Da cosa può dipendere???

[Costy81]

up

[Mich_]

Nel tuo codice mescoli formattazione HTML con formattazione CSS: questo puo` dare problemi (non puoi sapere quale ha la priorita`).

Comunque menu fatti con CSS, funzionanti in tutti i browser ce ne sono diversi: cerca la sezione menu tra i "link utili".