Textarea resize vertical en ie

Question

¿Cómo cambio el tamaño de mi textarea verticalmente en IE?

Cambié el tamaño: vertical y funciona bien en Firefox, pero en IE no funciona. Entonces, ¿cuál es la alternativa para esto?

Además, si quiero imprimir la página, entonces necesito el área de texto para extender e imprimir todo el contenido en el cuadro. ¿Qué debería usar para esto?

editado -

Mi CSS:

@media screen { 
    textarea { 
     resize: vertical; 
     overflow: auto; 
     border: 1px #999999 solid; 
     padding: 6px; 
     background: #ffffff url('../images/field_bg.png') repeat-x bottom; 
     width: 400px; 
     height: 100px; 
    } 
} 
@media print { 
    textarea { 
     border: 1px #999999 solid; 
     padding: 6px; 
     background-color: #ffffff; 
     background-image : none; 
     width: 400px; 
     height: auto; 
     overflow: visible; 
    } 
} 
.field { 
    display: inline; 
    vertical-align: top; 
    width: 25%; 
} 

HTML -

<div class="field"> 
<textarea id="xp"> 
some text here 
</textarea> 
</div> 

Editado -

Todavía no puedo averiguar la solución para esto. ¿Alguien puede ayudar, por favor?

Answer 1

No estoy seguro, pero como sé que Internet Explorer no es compatible con eso. Puedes usar javascript para eso. Aquí hay un plugin jquery similar a este textarea Estoy escribiendo ahora:

Answer 2

La propiedad css resize no es (todavía) compatible con IE. Es posible que desee probar este plugin jquery ui: http://jqueryui.com/demos/resizable/. Aquí hay un fiddle para demostrar.

Para su segunda pregunta con respecto a la impresión en IE. Trate de añadir el siguiente CSS a la media = bloque de "imprimir":

textarea { 
    overflow: visible; 
}