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

Codice:

---

<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>

---

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

Citazione:

---

Originalmente inviato da karl94

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

---

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

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).

Citazione:

---

Originalmente inviato da 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).

---

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