Господа, привет, есть гуру верстки тут? #button:hover ~#text{

Question

Господа, привет, есть гуру верстки тут? #button:hover ~#text{

/*height: auto;*/
height: 200px;
}
#text{
width: 50%;
border: 1px solid black;
height: 88px;
padding: 4px;
overflow: hidden;
transition: height 1s ease-out 0.1s;
}

Подскажите, почему transition отрабатывает при height 3452px, но не отрабатывает при auto?