[CSS3] Problem z transition ?

[cryptarithm]

Kiedy mam dwa transitions na jednego DIV'a to tylko jeden dziala.. w moim przypadku dziala tylko height, a opacity nie dziala... Jestem prawie 100% pewien ze mozna miec dwa rozne transitions w jednym div'ie. POMOCY!

o to kod:

Kod:

#header #user_panel {
    width: 300px;
    
    height: 35px;
    transition: height .50s ease-in-out;
    -moz-transition: height .50s ease-in-out;
    -webkit-transition: height .50s ease-in-out;
    
    background: black;
    
    opacity: 0.1;
    transition: opacity .50s ease-in-out;
    -moz-transition: opacity .50s ease-in-out;
    -webkit-transition: opacity .50s ease-in-out;
    float: right;
    margin-right: 25px;
    
}

Kod:

#header #user_panel:hover {
    width: 300px;
    
    height: 100px;
    transition: height .50s ease-in-out;
    -moz-transition: height .50s ease-in-out;
    -webkit-transition: height .50s ease-in-out;
    
    background: black;
    
    opacity: 0.5;
    transition: opacity .50s ease-in-out;
    -moz-transition: opacity .50s ease-in-out;
    -webkit-transition: opacity .50s ease-in-out;
    float: right;
    margin-right: 25px;
    
}