Bottone scomparso in Opera

[vannucchi]

Salve, ho un problema con Opera, che non ne vuol sapere di visualizzarmi un bottone.
Il codice, xhtml valid, è:

<div>Players:
<span class="PlayerNumb">0</span>
<button class="bet">Bet</button></div>
</div>

Il CSS interessato:

* {font-family: arial, courier, serif; font-size: x-small;}

h1 {
color: rgb(255, 255, 102);
background: rgb(0, 153, 0);
width: 25%;
font-size: x-large;
float: left;
border: 3px solid #ffffff;
padding: 5px 5px 0px 25px;
margin: 10px;
}

h2 {height: 20px; font-size: 20px;
background: transparent;
float: right;
margin: 10px 0 0 0;
position: relative; top: 34px;
width: 35%;
}

body { background: rgb(0, 153, 0); color: rgb(255, 255, 102);}

form { display: inline;}

div {text-align: center;}

p {text-align: left;}

a {text-decoration: none;}

a:link { color: rgb(255, 204, 51); background: inherit;}

a:visited { color: rgb(14, 133, 14); background: inherit;}

a:hover { color: rgb(153, 255, 153); background: inherit;}

hr {visibility: hidden; margin: 0; height: 1px; clear: both;}

.PlayerNumb {background: #ffffff; color: #000000; height: 12px; margin: 0 4px; padding-left: 1px; padding-right: 1px;}

Per la precisione, Firefox ed Explorer visualizzano correttamente il bottone, mentre Opera visualizza solo la scritta Bet.

Ciao e grazie

[seed_squall_it]

Non ho Opera, ma la classe "bet" non mi pare ci sia nel CSS che hai postato. Poi magari cerca di evitare il tag <button>...anche se il validatore ti valida la pagina, sarebbe meglio usare un tag <input /> con l'attributo type impostato a button.

[frinkia]

Non avevo mai visto l'elemento BUTTON, al punto che pensavo che fosse roba antica e/o custom. Guardando le specifiche HTML 4.01 invece sembra proprio che ci sia.

Non riesci a sostiturlo con un elemento INPUT? Penso che l'unico modo per spiegare il problema sia che opera non supporti l'elemento BUTTON o che magari il doctype sia sbagliato..

[seed_squall_it]

In effetti, button è un tag (accettato dalle specifiche HTML 4.01) che fu "inventato" per creare pulsanti generici. La sua reale utilità rispetto a un elemento <input type="button"> è che permette di inserire anche un'immagine come "etichetta" sul pulsante (all'epoca, i CSS erano forse appena stati pensati...).

[vannucchi]

Grazie a tutti, ho risolto grazie all'elemento input.