Ventana flotante perfecta... bueno, igual en IE no :S

Hola,
he creado una capa "flotante" en mi web con un formulario. El resultado me gusta mucho pero...
TACHAAANNNNNNN !!! llega Internet Explorer y dice que lo coloca como le da la gana.

Mi consulta es sencilla:

Me gustaría que la gente que entre usando IE la vea como debe ser. Otra posibilidad sería que no sepa ni que existe. ¿Se puede hacer que un elemento desaparezca según el navegador que usen?

Tengo hechas dos hojas de estilos CSS. Una genérica y otra para IE.

Mi ventana flotante la puedes ver aqui, OJO SOLO EN ESTE ENLACE, que es el que estoy usando para probar cosas.

http://www.pipilotta.es/promociones/adomicilio.html

El CSS es :

/*Formulario de subscripción*/

#vFlotante {
position:absolute;
left:96%;
top:20%;
width:350px;
height:323px;
border : 1px solid #000;
background : #FF6A6A;
transition:all .4s ease-in;
-webkit-transition:all .4s ease-in;
-moz-transition:all .4s ease-in;
-o-transition:all .4s ease-in;
}

#vFlotante:hover {
left:72%;
}

.fotosuscribirse {
float:left; 
}]

Vale, ya he logrado que en explorer desaparezca ese div. He usado:

#vFlotante {
visibility:hidden;
}

Ahora puedo seguir trabajando tranquilamente en intentar que se vea bien en todos los navegadores ;)

Excelente, que bueno que resolviste tu problema, suerte.