ASP.Net button requiring double click to fire?

[Alex Hawkins]

I have some ASP.NET code that displays a list of events in an aspataList accompanied with an asp:button that is wired to an AJAX modalpopupextender. So, say I have three or more rows of data from my SQLDatasource - I then have three records and three buttons. When I click the button on the first row, a single click brings the modalpopupextender up instantly; however, clicking the second or any subsequent rows - I must double-click to bring up said modalpopupextender.

I have experienced this type of button behavior before, using DataList but not modalpopuextender so I believe my problem may be in DataList - but that's just my thoughts. I'll leave the detecting up to the Experts here!

I must find a way to avert the double-clicking - as I want my users to click and go, not learn by trial and error that some areas require double clicking while others only single!

ALSO - I am using VB.Net to write my code in Visual Studio 2008 on Windows Vista Home Premium if any of that matters!

BEGIN CODE

This block of code is encased inside a DataList Control and the data fields are enclosed in an HTML Table (which I ommitted due to the complexity of the table for looks, etc)

Here of course is the button and modalpopupextender

<asp:Button ID="viewmore" runat="server" Text="View Details!" />
<cc1:ModalPopupExtender ID="popup1" runat="server" DynamicServicePath="" Enabled="true" TargetControlID="viewmore" PopupControlID="eventPan" BackgroundCssClass="modalBackground" DropShadow="true" OkControlID="exitPopup" CancelControlID="Cancel" />

...
Here is the panel for display by the modalpopupextender

<aspanel ID="eventPan" runat="server" CssClass="modalpopup" style="display: none" width="510px" HorizontalAlign="Center" ForeColor="white">
<asp:Label ID="Label1" runat="server" Text='<%# Eval("EventName") %>'></asp:Label>
Group Event #<asp:Label ID="EventIDLabel" runat="server" Text='<%# Eval("EventID") %>' />
<asp:Label ID="EventStateLabel" runat="server" Text='<%# Eval("EventState") %>' />
Address: <asp:Label ID="EventAddressLabel" runat="server" Text='<%# Eval("EventAddress") %>' />
Date: <asp:Label ID="EventDateLabel" runat="server" Text='<%# Eval("EventDate") %>' />
Cost: <asp:Label ID="EventCostLabel" runat="server" Text='<%# Eval("EventCost") %>' />
Details: <asp:Label ID="EventDetailsLabel" runat="server" Text='<%# Eval("EventDetails") %>' />
Additional: <asp:Label ID="EventAdditionalLabel" runat="server" Text='<%# Eval("EventAdditional") %>' />
Posted by <asp:Label ID="EventPosterLabel" runat="server" Text='<%# Eval("EventPoster") %>' />
<asp:HyperLink ID="viewA" runat="server" NavigateUrl='<%#getUrl(Eval("EventID")) %>' style="text-decoration: none" Font-Size="X-Large" ForeColor="White">View Attendies</asp:HyperLink>
</aspanel>