弹性textarea css问题

Question

这是我的jsfiddle：http://jsfiddle.net/r3Ekw/3854/

当聊天容器中的弹性文本区域开始生效时，您可以看到它的样式中的错误以及内容如何位于底部且不可见

$(document).ready(function(){
  $("#txt_chat_msg").elastic();
  $("#elastictxt").elastic();
});

CSS

.Chat_Footer_Container
{
  width:100%;
  height:auto;
  text-align:left;
  vertical-align:bottom;
  border-top:1px solid #868686;
  background-color:White;
}
 .Chat_Footer_Container textarea 
{
  width:92%;
  /*height:75%; */
  position:relative;
  border:none;
  bottom:0px;
  resize:none;
}