Board Thread:Support Requests - Getting Technical/@comment-25151125-20140729044016/@comment-25151125-20140731192032

THANK YOU 452! That worked! My code is now: /************************************************************/ /* Tooltips                                                */ /************************************************************/ span.Tooltip{ position:relative; /*this is the key*/ /* z-index:2; */ text-decoration:none; } span.Tooltip:hover{/*z-index:25;*/} /*this is text change, when user hovers it*/ span.Tooltip span.TooltipInner{display: none; } span.Tooltip:hover span.TooltipInner{ /*flying textbox*/ display:block; position:absolute; top:50px; left:100%; border: 2px groove #660000; border-radius: 3px; background-color: #2A2A2A; padding: 2px 5px; width: 300px; /* opacity: 0.9; filter: ALPHA(Opacity=90); */ z-index:1; }

But I've ran into another problem with the tooltip now. The Tooltip works fine within the text, but in the infobox, when it goes too far out to the side of the wikia, it cuts off shown here. If I make the infobox float left instead, it works because it does not hit the edge of the wikia page.

Is there a way to fix this?