need help in positioning
<p>i am using "beassistance validation" for my form and using tooltip <a href="http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery" rel="nofollow">plugin</a> and it work fine except that positioning.</p>

<p>please have a look at <a href="http://img64.imageshack.us/img64/9562/validationandhelp.png" rel="nofollow">this</a> link and i upload my form to get an idea what i am talking about.</p>

<p>what i want is:</p>

<p>if my validation fails i want to display the message <strong>after</strong> the tooltip icon, but its displaying the message <strong>before</strong> the tooltip icon. please see <a href="http://img64.imageshack.us/img64/9562/validationandhelp.png" rel="nofollow">here</a></p>

<p>here is the .css i am using:</p>

<p>validation .css</p>

<pre><code> #aspnetForm
        {
            width: 670px;
        }
        #aspnetForm label.error
        {
            margin-left: 10px;
            width: auto;
            display: inline;
        }
        form.cmxform
        {
            width: 50em;
        }
        em.error
        { 
            background: url("Images/unchecked.gif") no-repeat 0px 0px;
            padding-left: 16px;
        }
        em.success
        {
            background: url("Images/checked.gif") no-repeat 0px 0px;
            padding-left: 16px;
        }
        form.cmxform label.error
        {
            margin-left: auto;
            width: 250px;
        }
        #aspnetForm label.error
        {
            background: url("Images/unchecked.gif") no-repeat 0px 0px;
            padding-left: 16px;
            padding-bottom: 2px;
            font-weight: bold;
            color: #EA5200;
        }
        #aspnetForm label.checked
        {
            background: url("Images/checked.gif") no-repeat 0px 0px;
        }
        em.error
        {
            color: black;
        }
        #warning
        {
            display: none;
        }



&lt;asp:Label runat="server" ID='Label8' &gt;Start Date:&lt;/asp:Label&gt;
        &lt;asp:TextBox ID="txtStartDate" runat='server' &gt;&lt;/asp:TextBox&gt;
        &lt;a style="cursor: hand" class="tooltip" title="Select the starting date of a visit, example 05/05/2010 (MM/DD/YYYY)!"&gt;
            &lt;img alt="" src="Scripts/JQuery/Tooltip/icon_tooltip.gif" style="width: 11px; height: 11px" /&gt;&lt;/a&gt;
        &lt;p&gt;
        &lt;/p&gt;
        &lt;asp:Label runat="server" ID='Label9' &gt;End Date:&lt;/asp:Label&gt;
        &lt;asp:TextBox ID="txtEndDate" runat='server' &gt;&lt;/asp:TextBox&gt;
        &lt;a style="cursor: hand" class="tooltip" title="Select the end date of a visit, example 05/06/2010 (MM/DD/YYYY)!"&gt;
            &lt;img alt="" src="Scripts/JQuery/Tooltip/icon_tooltip.gif" style="width: 11px; height: 11px" /&gt;&lt;/a&gt;
</code></pre>

<p>tooltip.css</p>

<pre><code>#tooltip{
    position:absolute;
    border:1px solid #333;
    background:#f7f5d1;
    padding:2px 5px;
    color:#333;
    display:none;
    }   
</code></pre>
