Hover down menu part 1

#hellobeaut {
text-align: center;
font-size: 11px;
position:fixed;
left:1px;
top:-111px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
z-index:999;
}

#hellobeaut:hover {top:0px;}

#hibeaut {
border-right-style:dashed;
border-bottom-style:dashed;
border-left-style:dashed;
border-width:2px;
border-color:#000000;
padding: 5px 0 5px 0;
background: #fff;
width:175px;
height:100px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
z-index: 9999;
}

#yoyoyofam{
border-top-style:none;
border-right-style:dashed;
border-bottom-style:dashed;
border-left-style:dashed;
border-width:2px;
border-color:#000000;
text-align: center;
height:11px;
padding: 2px 0 8px 0;
background:#fff;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
width: 175px;
}