<a href="javascript:void(0)" title="menu">Menu</a>

.xirmenuappear {
    width: 100px;
    display: block;
    position: absolute;
    padding: 10px;
    background: rgb(77, 78, 70);
    transform: rotate(90deg);
    top: 75px;
    border-radius: 5px;
    color: rgb(255, 170, 0);
    font-weight: bold;
    text-decoration: none;
    text-shadow: 2px 2px 0px black;
    left: -44px;
}
ul#css3menu1 {
	left: -105px;
}
.xirmenuappear:hover {
    left: 60px !important;
    position: absolute !important;
    z-index: 999;
}
.xirmenuappear:hover + #css3menu1, #css3menu1:hover {
    left: 0;
}