Border CSS3 Button

Olá,

estou tendo algum problema com esse botão e não consigo resolver.

A borda não sai de jeito nenhum e eu também não consigo substitui-lo por um button img.

Alguém sabe onde está o problema?

Segue os códigos e imagens:

HTML5:

 <div class="contact-form">
 <form method="post" action="/cadastro">
 <fieldset>
 <input class="c-m" type="text" placeholder="Seu Nome" size="20" name="nome"required> </br>
 <input class="c-m" type="email" placeholder="Seu E-mail" size="20" name="email" required>
 </br>
 <input class="c-half" type="tel" placeholder="Seu Telefone" size="20" name="telefone" required>
 <input class="c-half2" type="text" placeholder="Seu CEP" size="20" name="cep">
 </br>
 <textarea class="c-obs" rows="8" placeholder="Comentario" size="800" name="obs"></textarea>
 </fieldset>
 <input type="submit" value="ENVIAR" id="btn"/>
 </form>
</div>

#btn {
 background: none;
 cursor:pointer;
 width: 200px;
 height: 100px;
 border: none;
}

#btn:hover {

 border: 0;
 background: #ffffff;
 color: #c72525;
 text-decoration: none;
}

SCREENSHOT:/applications/core/interface/imageproxy/imageproxy.php?img=http://elaineoliveira.likesyou.org/img/SS/button.png&key=5a9da354cea99e3c2c1b44dea1b7edfe999dfe73af451f3a850b60c43866ebcc" alt="button.png" />

SCREENSHOT02 (HOVER):

/applications/core/interface/imageproxy/imageproxy.php?img=http://elaineoliveira.likesyou.org/img/SS/buttonhover.png&key=9f6ad40a3762283df18d2898648d669d564bd0bb092d0d7ba382a2c95a2fcbee" alt="buttonhover.png" />

Obrigado pela atenção !