Update Tab Tutorial - Opacity CSS

#updates {
    text-align: center;
    font-size: 9px;
    position:fixed;
    left:10px;
    top:0px;
    z-index:999;
    width:180px;
    }

    #updates:hover #update {
        opacity:1;
        -webkit-transition: all .7s ease-in-out;
        -moz-transition: all .7s ease-in-out;
        -o-transition: all .7s ease-in-out;
    }

#update {
    position:fixed;
    font-size:9.5px;
    font-family:calibri;
    padding: 5px 0 5px 0;
    width:125px;
    opacity:0;
    margin-left:70px;
    margin-top:30px;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
}

#updatestab img {
    float:left;
    padding: 6px 0px 8px 0px;
    width: 100px;
    margin-top:-10px;
    margin-left:-10px;
}