带有框大小的div的jquery动画高度：border-box

Question

是否可以正确地使用以下样式为div设置动画？

.div1{
 background-color: red;
 padding: 5px;
 margin: 5px;
 width: 100%;
 border: 4px solid #000 !important;
 border-radius: 8px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 height: 200px;
}

我需要这里给出的每一种css风格。我的问题是动画开始时有一个偏移错误（正如你在这里看到的http://jsfiddle.net/q5bmf/1/，当加载示例时，有一个动画从某处到200px）。如果我隐藏了一个或多个css样式，但是我不想这样做。那么有没有办法使jquery正常工作？