Floatong Menu CSS

Floatong Menu CSS

@charset "UTF-8";
/* CSS Document */

#floatMenu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    position: absolute;
    left: 0;
    top: 0px;
    width: 260px;
    color: #ffffff;
    overflow: hidden;
}

#floatMenu ul {
    position: relative;
    list-style: none;
    margin-left:-30px;
    left: -174px;
    margin: 0;
    padding: 0;
}

#floatMenu li {
    font-size:1.2em;
    position: relative;
    height: 14px;
    width: 160px;
    margin: 2px;
    padding: 18px 5px;
    background-color: #95c03d;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}

#floatMenu li a, #floatMenu li a:link, #floatMenu li a:visited, #floatMenu li a:hover {
    color: #ffffff;
    text-decoration: none;
}

#floatMenu li img {
    float: right;
    position: absolute;
    right: -52px;
    top: 0px;
}

#floatMenu li:hover {
    margin-left: 172px;
}