A: 

From the top of my head:

nathanvda
Oh, right. I've already seen the plugin. I wanted to do it on my own. jQuery was easier to understand once I got it. I'm just missing some bascis, syntax etc. I couldn't find out at jqapi. Concatting css with jquery and .hover() made me ask. I have no idea where to look. Ty for the links anyway.
Chookie
A: 

Your problem happened because of this:

a.tooltip span {
    margin-left:8px;
}

With this you were creating an 'empty' area between the link and the span, so when you moused over this 'empty' area, the hover was not in effect anymore, that's why the span disappeared.

If you remove it, it works.

bazmegakapa
Oh, I see it. Thank you. If there was a chance to mark two answers as answered, yours would be the second one. Thanks.
Chookie
A: 

I understand that you want to do it on your own, but I would like to suggest you this plugin http://craigsworks.com/projects/qtip/

I'm using it in one big project and I really appreciate it!

Pedro Gil
+1  A: 

It sounds to me that you are more after a flyout navigation solution rather then a tooltip. This can be done mostly with HTML and CSS, javascript is only need to mimc :hover behaviour on something other then a <a>.

See here for an example http://www.positioniseverything.net/css-flyout.html

ben
That helps me. It's just great. Thank you very much.
Chookie