Probleme Positionnement ajaxToolkit:AutoCompleteExtender

Bonjour,

Je rencontre un probleme quant à l'affichage de la liste ajaxToolkit:AutoCompleteExtender. Elle ne s'affiche pas en dessous du textbox auquel elle est lié, mais complètement a droite de ma page aspx.

Je me doute que cela vient du fait que j'utilise un style "AlignGauche" mais je ne vois pas comment m'en sortir.

Voici le code aspx :

<div class="AlignGauche">
<asp:DropDownList ID="lstCaisse" runat="server"
AppendDataBoundItems="True" ToolTip="Série EAB" width="100px"
onselectedindexchanged="lstCaisse_SelectedIndexChanged"
DataSourceID="sqldsCaisse" DataTextField="no_vehicule"
DataValueField="no_vehicule">
<asp:ListItem Value="0">Caisse</asp:ListItem>
</asp:DropDownList>
</div>
<div class="AlignGauche">
<asp:Label ID="Label4" runat="server" CssClass="stLabel">UM :</asp:Label>
<asp:TextBox ID="txtUM" runat="server"></asp:TextBox>
<ajaxToolkit:AutoCompleteExtender ID="txtUM_AutoCompleteExtender"
runat="server" Enabled="True" MinimumPrefixLength="1"
ServicePath="AutoCompletion.asmx" ServiceMethod="ListEAB" TargetControlID="txtUM"
CompletionInterval="100" CompletionSetCount="10" CompletionListCssClass="autocomplete_completionListElement"
CompletionListItemCssClass="autocomplete_listItem"
CompletionListHighlightedItemCssClass="autocomplete_highlightedListItem"
ShowOnlyCurrentWordInCompletionListItem="true" >
</ajaxToolkit:AutoCompleteExtender>
</div>

et le code CSS:
.AlignGauche
{
margin-right: 0px;
margin-left: 20px;
float: left;
}

.stLabel
{
vertical-align: middle;
text-align: left;
text-decoration: underline;
font-style: italic;
color: #000080;
}

Merci pour votre aide.