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)
 * Thats easy =)
 * In the Monobook in the  add   (BTW always finish your statements with   its annoying when you have to add stuff and have to add those -.-). This will force the text to "not warp" so only "br /" tags will affect.
 * In the example page you show you have
 * Wrong->
 * Right->


 * The error was the space it had between tooltip and the starting "span" tag. Also the right one shows how to put links o.o
 * and as courtesy your code has been snatch!! hehehe >:D
 * --Cizagna (Talk) 18:13, 19 July 2007 (UTC)
 *  Thanks :D :D :D It works, hoooray!!! :D ;) SkywalkerPL 08:52, 20 July 2007 (UTC)