IE7 works fine, but in IE6 I get a display bug with my tooltips. It's as if the content of the tooltips are shoved off to the right side or the page, out of site, and the container div spans it's width to the width of the entire page. That's my attempt at describing IE6' oddity, the thing is, I don't even know what's happening myself. If you could I'd recommend you opening the link up in IE6 yourself, getting a visual would be worth more value then my description.
And with that said, I'll be right back to edit this with a picture.
EDIT: Okay I figured it out. IE6 acts like this whenever I set the height of "#theToolTip .description" to 55px or any other pixel value. SOOOOOOOOOO... Why is this happening and how can I fix this problem without removing the "height: 55px;" declaration?
But there is one other problem, not with IE6 but with opera. In the latest version of opera some tooltips are whacked, as if it's just out of randomness. I don't know why some tooltips in opera would be unnecessarily wider.
Oh how I wish there was a universal firebug for every browser.
I can't take the time to figure it out exactly (takes time with these bugs) but I would suggest trying different things to make sure elements "have layout". Sometimes adding something like height, width, display:block, etc suddenly makes IE behave.
Setting a height to #thetooltip probably triggers "hasLayout" for that element. Maybe it's parent elements need hasLayout as well.