Div se comporta de forma estranha.

Pessoal o código a seguir peguei de um forum, o site de exemplo estava perfeito, porém quando joguei no meu site fica com a tag h3 puxada para a esquerda e o botão nem sequer recebe formatação, onde o correto seria o botão estar formatado e dentro da div e a tag h3 também toda dentro da div.

O código é o seguinte:

#erroLayer{position: absolute;left: 50%;width: 350px;margin-left: -175px;background-color: #FFD9D9;border: 2px solid #FF9D93;color: #000;padding: 0 0 5px 1em;font-family: "Trebuchet MS", Arial, sans-serif;font-size: small;text-align: left;z-index:1000;}#erroLayer h3{background-color: #FF9D93;margin: 0 0 0.5em -1em;padding: 0.5em 1em 0.5em;width:90%;}#erroLayer ol{margin: 0 0 5px;padding: 0;list-style-position: inside;list-style-type: decimal;line-height: 1.5em;}#erroLayer input{width: 65px;font-weight: bold;padding: 0;font-family: "Trebuchet MS", Arial, sans-serif;margin: 0;}Deve ser alguma coisa boba, mas já mexi bastante e não consegui resolver. Alguém tem alguma dica?