HoerMenu only displaying delete buttton for GridView control, not for indiviual rows

I am trying to display delete button for each row using HoverMenu, but it seems that the delete button is being displayed at a fixed position and for the gridview and not individual rows. I posted my code here. I am not sure what I am doing wrong. Your help is much appreciated.

Thanks ---- Rose

<asp:TemplateFieldShowHeader="False"><ItemTemplate><asp:Panelrunat="server"ID="Pop">

<asp:LinkButtonID="LinkButton1"runat="server"CausesValidation="False"

CommandName="Delete"Text="Delete"></asp:LinkButton></asp:Panel>

<ajaxToolkit:HoverMenuExtenderID="h1"runat="server"TargetControlID="GridView1"PopupControlID="Pop"PopupPosition="Left"PopDelay="50"></ajaxToolkit:HoverMenuExtender>

</ItemTemplate>

</asp:TemplateField>

</Columns>

<RowStyleBackColor="White"BorderStyle="None"/>

</asp:GridView>

protectedvoid GridView1_RowCreated(object sender, GridViewRowEventArgs e)

{

if (e.Row.RowType == DataControlRowType.DataRow)

{

AjaxControlToolkit.HoverMenuExtender hover = (AjaxControlToolkit.HoverMenuExtender)e.Row.FindControl("h1");

e.Row.ID = e.Row.RowIndex.ToString();

hover.TargetControlID = e.Row.ID;

}

}