div#menu ul li.tooltip a::after{
        content: attr(data-tip);

        font-family: arial, sans-serif;
        font-size: 20px;
        font-weight: bold;

        position: absolute;
        z-index:999;
        background: red;
        color: #e0e0e0;
        padding: 0 7px;
       line-height: 24px;
        height: 30px;
      left: 100px;
        top: -50px;
        white-space: nowrap;

        opacity: 0;
        filter:Alpha(opacity=0); /* IE8 and eardiv.menu lier */

        -webkit-transition:opacity 0.4s ;
        -moz-transition:opacity 0.4s ;
        -o-transition:opacity 0.4s ;
        transition:opacity 0.4s ;
        }

div#menu ul li.tooltip a:hover::after{
        opacity: 1;
        filter:Alpha(opacity=100); /* IE8 and eardiv.menu lier */
        bottom: -35px;
        }