How do i get a popupBox on mouse over?

Code works fine as is
http://jsfiddle.net/GaryC123/64UUp/

Are you including the jQuery library in the page?
Have you got a live link?

This is what i have in the head:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

Select allOpen in new window

Change your script to this and see if it works.

<script type="text/javascript">
$(function() {
    $("a").hover(function(e) {
    $($(this).data("tooltip")).css({
        left: e.pageX + 1,
        top: e.pageY + 1
    }).stop().show(100);
}, function() {
    $($(this).data("tooltip")).hide();
});
});
    </script>  

Select allOpen in new window

Thanks! This works, except when the page loads the info show for both before I mouses over then the disappear and work

Add this to your CSS

[data-tooltip*="#"] {
    display:none
}

Select allOpen in new window

now nothing shows on page at all:

my CSS code:

<style type="text/css">
   div {
    position: absolute;
    display: none;
    background: #ccc;
    border: 1px solid;
    }
    [data-tooltip*="#"] {
    display:none
}

    </style>

Select allOpen in new window

I'm wrong remove that.

This is your code exactly as you should have it with my amendments - can you see anything different since the tooltips only show on mouseover.
http://jsfiddle.net/GaryC123/4bFDT/

It's exactly as it shows but i had 2 samples one in html and one in asp.net.  the html works.

Thanks!

Thanks!!!