How can I get tooltip to hover on top of texboxes?
<p>Hello again dearest Experts,
I am still having issues getting tooltips to work correctly.</p>

<p>The code below works correctly as far displaying the tooltips.</p>

<p>The big issue is that it expands the textbox, making other textboxes lose alignment.</p>

<p>What we would like to is to have the message in the tooltop hover on top of the textbox but not obscure it. This way, users can still type into it.</p>

<p>Can the code I have below be modified to help me accomplish this?</p>

<p>Many thanks.</p>

<p>THe css</p>

<pre><code>&lt;style type="text/css"&gt;
div.activeToolTip 
{
 display:block;
 visibility:visible;
 background-color:#A1D40A;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.75em;
 line-height: 1.50em;
 font-weight:bold;
 color: #fff;
 border:1px solid black;
 filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
 width:200px;
 height:70px;
}
div.idleToolTip 
{
 display:none;
 visibility:hidden;
}
</code></pre>

<p></p>

<p>Then textbox and tooltip.</p>

<pre><code> &lt;asp:TableCell&gt;&lt;asp:TextBox ID="instruct" onmouseover="document.getElementById('toolTipDiv').className='activeToolTip'" onmouseout="document.getElementById('toolTipDiv').className='idleToolTip'" runat="server" Width="75px"&gt;&lt;/asp:TextBox&gt;
 &lt;div id="toolTipDiv" class="idleToolTip"&gt;My instructions go here.&lt;/div&gt;
</code></pre>
