Problema con un css en IE

[skat]

Hola,
veréis tengo un botón con link en bloque, que he hecho con el siguiente código fuente:

<p>
<style type="text/css">
input.groovybutton
{
font-size:14px;
font-weight:bold;
color:#660066;
}</style>
</p><form name="groovyform"><a href="http://www.miweb.es/content/4"><input class="groovybutton" name="groovybtn1" title="" type="button" value="Entra al Área Privada"></a></form>

El caso es que este botón funciona en mozilla y chrome, pero en ie aunque cambia de color al pasar por encima, cuando clickas no sucede nada.

¿Cómo podría solucionarlo?

Gracias

[raulfw]

aunque no estoy seguro es posible que sea por que a explorer se le debe especificar una zona activa.

yo haria que se aplicase a la etiqueta 'A', y lo transformaria en un bloque, que ademas es asi como suelen hacerse los rollovers.

<style type="text/css">
a.groovybutton
{

display:block;
height:50px;
with:50px;


font-size:14px;
font-weight:bold;
color:#660066;
}</style>


fijate que debes especificar el alto y ancho del boton, y ojo, quizas debas modificar mas css (el hover).

[skat]

Disculpa, quizás no te he entendido bien, te refieres a que ponga
a.groovybutton
{

display:block;
height:50px;
with:50px;


font-size:14px;
font-weight:bold;
color:#660066;
}</style>

Dentro la hoja de estilos??

Un saludo

[raulfw]

La idea es que lo sustituyas por lo que tienes y pruebes.

[raulfw]

Una pregunta... en explorer cuando te pones encima del boton... aparece una flecha o una mano?