Display: block non funziona in Firefox e Google Chrome

[betto]

Ciao a Tutti,

ho la mia pagina web che contiene tante righe di una tabella; di default ne faccio vedere 3;
se uno vuole aggiungere, e quindi rendere visibile una riga, schiaccia il pulsante + mentre per togliere la visibilita' della riga aggiunta schiaccia il pulsante -

Con IE tutto ok, funziona benissimo

Con FF e GC non funzionano i pulsanti, poiche' display: block non funge ...

Ecco il codice:

css_problem.jpg

[partime]

Cos'è che non funziona? Non mostra, non nasconde o entrambe?
Perché vedo la regola .hide in cui metti "visibility: hidden" che poi non vai a ripristinare con la regola .show, non so se il problema può essere questo.

[betto]

Un mio amico mi ha dato la soluzione:

in FF e GC i pulsanti button devo essere definiti come <button type="button" ...> mentre IE capisce anche se definisco <button>

poi per FF e GC la classe show andava definita cosi' (non display:block ma ...)

.show {display: table-row;}