pure css tool tip

        Custom tootip can be achieved by using css, but it require firefox and ie7 up to support. Below is demo

        <pre data-sub="prettyprint:_">
        <p>
        <a href="http://www.google.com/" class="tooltip">
        Google<span> A search engine </span></a>
        Here
        </p>
        </pre>
        
        <code>

        <pre data-sub="prettyprint:_">
        a.tooltip {
        position: relative;
        }
        a.tooltip span {
        display: none;
        }

        a.tooltip:hover span {
        display:block;
        position:absolute;
        top:1em;
        left:2em;
        padding: 0.2em 0.6em;
        border:1px solid #996633;
        background-color:#FFFF66;
        color:#000;
        }
        </pre>