On my home page, I have a div tag containing a login form. In the master page, there is a signout button. After the user logs in, the text box and label used in the login form are hidden, and the signout button becomes visible. However, I am facing an issue where the signout button cannot be clicked on the home page. It seems that the signout button is positioned behind the div tag specifically on the home page.
Home Page
<div id="loginBox">
....
login form
text box
label
</div>
Master Page
<asp:LinkButton ID="btn_signout" CssClass="link" Height="22px"
Width="72px" runat="server" OnClick="Btn_singout_Click"
>Sign Out</asp:LinkButton>
#loginBox
{
top: -140px;
left: 472px;
position: relative;
width: 400px;
height: 92px;
}
Could this issue be caused by the overlapping of the div tag with the signout button? When I moved the signout button to a different area in the header where it doesn't overlap with the div tag, I was able to click on it successfully. Any insights on what I might be doing wrong here? Thank you!