I got it to work and applied it to the Skype icon to try it out. I think I did it correctly (it works on my side) but would appreciate you checking it out here. A couple of questions/issues. I notice that the text in the popup for the Skype icon is shifted to the left. I can compensate for this by increasing the left margin to 10px, but I don’t understand why it isn’t behaving as the flickr one does since they both have the same values.
Also, I’m running IE8 and see square corners in the popup instead of rounded ones. I understand that IE8 doesn’t support CSS rounded corners but was wondering if you have a way of checking it on newer IE releases. By the way, the text in the Skype icon is left shifted in IE8 as well.
I’m having trouble with the design aspect because what I see in Dreamweaver isn’t what it looks like in a browser. This adds to confusion while designing. Here is a screen grab of what I am seeing in DW.
Thank You and Best Regards.