Problema con :hover

Ho un problema con :hover, nel senso che quanto scrivo il codice su una pagina del mio sito non funziona, mentre se scrivo il codice su un file .txt e poi lo salvo come .html tutto ok. Il codice è questo

<style type="text/css">
#pulsante {
  background: #ff7700;
  background-image: -webkit-linear-gradient(top, #ff7700, #ff5900);
  background-image: -moz-linear-gradient(top, #ff7700, #ff5900);
  background-image: -ms-linear-gradient(top, #ff7700, #ff5900);
  background-image: -o-linear-gradient(top, #ff7700, #ff5900);
  background-image: linear-gradient(to bottom, #ff7700, #ff5900);
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 12px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 40px 40px 40px 40px;
  text-decoration: none;
}

#pulsante:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

</style>
<div id="container">
<button id="pulsante">1<br> Giorno</button>>
</div>

[karl94]

Riporta l'indirizzo della pagina in questione. Assicurati anche di vuotare la cache del browser.

Riporta l'indirizzo della pagina in questione. Assicurati anche di vuotare la cache del browser.

http://atlantic.altervista.org/blog/i-nostri-pacchetti/
Ecco

[karl94]

Il codice presente nella pagina non è il medesimo che hai riportato: ci sono dei tag di apertura e chiusura di elementi p. Come hai inserito il codice? Verifica anche se nella sezione Scrittura sotto Impostazioni nel pannello di amministrazione di WordPress è attiva l'opzione per la correzione automatica del codice (prova a disabilitarla).
Ad ogni modo non devi assegnare a più elementi il medesimo id, usa piuttosto l'attributo class e cambia di conseguenza il selettore CSS (sostituisci il simbolo cancelletto con un punto, solo nel selettore ovviamente, non nei valori dei colori).

Il codice presente nella pagina non è il medesimo che hai riportato: ci sono dei tag di apertura e chiusura di elementi p. Come hai inserito il codice? Verifica anche se nella sezione Scrittura sotto Impostazioni nel pannello di amministrazione di WordPress è attiva l'opzione per la correzione automatica del codice (prova a disabilitarla).
Ad ogni modo non devi assegnare a più elementi il medesimo id, usa piuttosto l'attributo class e cambia di conseguenza il selettore CSS (sostituisci il simbolo cancelletto con un punto, solo nel selettore ovviamente, non nei valori dei colori).

Hai ragione il problema solo gli elementi p... Ho risolto cambiando il codice. Grazie.