Forum:Hover tooltip effect

Hi, I'm working on tooltips for my wikia, even, thanks to google, I manage to run one such... thing. It's based only on CSS, so that I would be able to easily change it's look. However I encounter problems, which, because of my lack of CSS skills, I can't fix on my own :( That are:
 * 1) when you hover on "This is a tooltip" text after it, "more text" moves bit right - it should stay in place.
 * 2) text in tooltip should be in one line, not five, as it is now.

I would be very thankful for help. Any tricks are acceptable, even complete rewrite of it, I just would like it to stay CSS-only, display one or two lines of text (two when I'll use ofq ;) ), and it should be possible to put links in it (but no rush with that). You can edit on homeworld wikia if you want, but best would be if you'd just paste fixed version ;)

And for the end - links to code:
 * 1) CSS (use Monobook to view it), code of tooltips is after "=============> tooltips"
 * 2) Page where it should work - hover mouse on "This is a tooltip" text to view effect.

Thanks again to anyone willing to find a solution! SkywalkerPL 09:49, 19 July 2007 (UTC)