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;
}

Почему-то ссылка Войтине активна, но когда я удаляю абсолютное положение, работает нормально. Есть ли способ заставить ссылку работать, сохраняя при этом позицию? Любое предложение приветствуется, и спасибо заранее.

-Редактировать- Оказывается проблема кроется в другом. На самом деле я использую мастер-страницу и создал с ее помощью ASP-страницу по умолчанию. Проблема возникает только тогда, когда я тестирую эту страницу ASP, а не файл HTML, который я использовал для создания эталонной страницы. Извините, если я кажусь сложным, но да, проблема довольно сложна для меня. Надеюсь, кто-то может указать мне причину.

21
задан huong 19 May 2012 в 07:59
поделиться