Problema com botão CSS no Chrome

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ã