Problema com botão CSS no Chrome

[Nathã 1]

Boa tarde a todos!

 

Estou desenvolvendo um site de notícias como trabalho final na faculdade, por conseguinte, me aventurando com o CSS.

 

O problema é o seguinte: Estilizei um input submit com CSS. Ele funciona normal no IE, mas no Chrome não é possivel clicá-lo. Até mesmo se eu preencher os campos do form e dar ENTER, não acontece nada :pinch:/>

 

Segue o código:

 

 

Parte HTML:

 

//...
<form name="formlogin" action="processaLogin.jsp">
			<li><a>Login</a></li><li class="lispace"></li>
			<li class="litextdondo"><input name="login" type="text" class="texdondo" size="18" maxlength="15"></li><li class="lispace"></li>
		  <li><a>Senha</a></li><li class="lispace"></li>
			<li class="litextdondo"><input name="senha" type="password" class="texdondo" size="18" maxlength="15"></li><li class="lispace"></li>
               <li class="litextdondo"><input value="entrar" name="entrar" type="submit" class="botaoverde2" onClick="this.disabled=true;"></li>
               </form>
//...

 

 

CSS:

 

.botaoverde2{
text-decoration: none;
text-transform: lowercase;
text-align: center;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
font-size: 10px;
color:#CCC;
background:#325A49;
border:0px solid #bbb;
text-shadow:-15px -15px 0px #ffffff;
box-shadow:2px 1px 2px #000000;
-moz-box-shadow:2px 1px 2px #000000;
-webkit-box-shadow:2px 1px 2px #000000;
border-radius:7px 7px 7px 7px;
-moz-border-radius:7px 7px 7px 7px;
-webkit-border-radius:7px 7px 7px 7px;
padding:3px 8px;
cursor:pointer;
margin:0 auto;
}
.botaoverde2:active{
cursor:pointer;
position:relative;
top:2px;
}
.botaoverde2:hover{
background-color: #050;
color: #FFF;
}

 

 

Algúem tem alguma idéia de como corrigir isso?

Grato desde já!

 

Att.

Nathã

[angelorubin 142]

Boa tarde,

 

No Chrome (Versão 23.0.1271.95 m) está tudo normal.

 

Veja - Clique aqui

[Nathã 1]

Boa tarde,

 

No Chrome (Versão 23.0.1271.95 m) está tudo normal.

 

Veja - Clique aqui

 

Obrigado pela resposta, angelorubin

 

Quando você clica no botão, ele redireciona para a página especificada no <form action>?

Visualmente aqui está ok, mas o problema é que quando eu clico no botão não acontece nada, nem mesmo se eu preencho o form e aperto Enter... Será que é algum bug interno aqui?