Jquery animate removes scroll in div for IE

Question

Now I get this strange problem when, when I use the jQuery function animate()on <div>, it removes the scroll ability. I adjust the height with animate(). This issue only occurs with IE and works great with Chrome and FF.

Below is my css class for my div

div.fullscroll{

  height: 65%;
  width: 75%;
  overflow-x: hidden;
  overflow-y: scroll;
  border-top: 1px solid #347235;
  border-bottom: 2px solid #347235;
  border-right: 2px solid #347235;
  border-left: 2px solid #347235;
  -moz-border-radius-topleft:     .1em;
  -moz-border-radius-topright:    .1em;
  -moz-border-radius-bottomright: .2em;
  -moz-border-radius-bottomleft:  .2em;
  border-top-left-radius: .1em;
  border-top-right-radius: .1em;
  border-bottom-right-radius: .2em;
  border-bottom-left-radius: .2em;
  background-color: #FFF;
  padding: 0px;
  margin: 0px auto;
  position:relative;
}

Here is my js jquery where <div id='main'>

$('#main').animate({
            height: "40%"
          }
          ,"slow");

After the animation is complete, the tag <div>no longer has the ability to scroll. I am completely at a dead end and I was wondering if anyone had an idea.

(Once again this only happens in IE)

Answer 1

, . .

$('#main').animate({
       height: "40%"
     },function(){
       $('#main').css('overflow-y','scroll');
     }
);

Answer 2

, IE (ref). , .

, #main .fullscroll div?