a.tip, a.tip2, a.tipp { cursor: help; background: url(../../images/tip.png) no-repeat; } a.tip , a.tip2 { padding: 5px 2px 5px 12px; } a.tipp { padding: 2px 2px 2px 12px; } a.help { cursor: help; background: url(../../images/help2.png) no-repeat; padding: 2px 2px 2px 12px; left: 5px; text-transform: capitalize; } a.info { padding: 25px 0px 0px 0px; } a.info_table { padding: 25px 0px 0px 0px; margin: -50px 0px 0px 0px; } a.info2 { padding: 2px 0px 0px 0px; } a.tip, a.tip2, a.tipp, a.help , a.info, a.info2, a.info_table { position: relative; text-decoration: none; } a.tip:hover { text-decoration: none; background-color: #f9f9f9; } a.tip2:hover { text-decoration: none; /* background-color: #e6e9cd;*/ background-color: #efefef } a.tipp:hover { text-decoration: none; background-color: #778866; } a.info:hover, a.info2:hover, a.help:hover, a.info_table:hover { text-decoration: none; } a.tip span, a.tip2 span, a.tipp span, a.info span, a.info2 span, a.help span, a.info_table span { display: none; } a.tip:hover span, a.tip2:hover span,a.tipp:hover span, a.info:hover span, a.info2:hover span, a.help:hover span, a.info_table:hover span { display: block; text-decoration: none; position: absolute; z-index: 99; top: 20px; left: 6px; width: 150px; border: 1px solid #708090; background-color: #d4ddc6; color: #000; padding: 2px; } a.info_table:hover span{ width: 1px; height: 1px; left: -140px; top: 50px; background-color: #fff; border: 0px solid #fff; } a.info:hover span { top: 45px; left: 20px; width: 100px; } a.info2:hover span { top: 8px; } a.help:hover span { top: 15px; width: 80px; }