CSS-ссылка не кликабельна при использовании абсолютной позиции
вот HTML-скрипт моего заголовка:
<div class="header">
<div class="logo"><a href="Default.aspx"><img src="style/images/logo.png" alt="" /></a></div>
<div class="toplink"><a href="Signin.aspx">Sign in</a></div>
<div class="search">
<form class="searchform" runat="server" method="get">
<input type="text" id="s" name="s" value="Search for photos" onFocus="this.value=''" onBlur="this.value='Search for photos'"/>
</form>
</div>
</div>
и вот сценарий CSS:
.logo {
padding: 30px 0;
}
.logo img {
display: inline;
}
.toplink {
position: absolute;
bottom: 40px;
right: 280px;
font-size: 14px;
}
.search {
position: absolute;
bottom: 10px;
right: 0;
font-size: 14px;
width: 330px;
}
почему-то вход ссылка не кликабельна, но когда я удаляю абсолютную позицию, она работает нормально. Есть ли в любом случае, чтобы заставить ссылку работать, сохраняя при этом позицию? Любое предложение приветствуется, и спасибо заранее.
-редактировать- Оказывается, проблема в другом. На самом деле я использую masterpage и я создал по умолчанию Страница ASP использует его. Проблема возникает только при тестировании этой страницы ASP, а не HTML-файла, который я использовал для создания masterpage. Извините, если я кажусь сложным, но да, проблема для меня сложная. Надеюсь, кто-нибудь сможет указать мне причину.