CSS - Lien n'est pas cliquable lors de l'utilisation de la position absolue

Voici le script HTML de mon en-tête: 

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

Et voici le CSS script:

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

En quelque sorte le Signe dans lien n'est pas cliquable, mais quand j'enlève la position absolue, il fonctionne normalement. Est-il de toute façon à faire le lien travail tout en gardant la position? Toute suggestion est bienvenue, et merci d'avance.

-Modifier-
S'avère que le problème est ailleurs. En fait, je suis en utilisant masterpage et j'ai créé, par défaut, une page ASP à l'aide. Le problème se produit uniquement lorsque je test cette page ASP, pas le fichier HTML que j'ai utilisé pour créer la masterpage. Désolé si j'ai l'air compliqué, mais oui, le problème est un peu compliqué pour moi. J'espère que quelqu'un peut indiquer la raison pour moi.

Viens de tester, il est cliquable! Vous avez besoin de fournir plus de renseignements concernant le reste de votre code! Le problème ne vient pas de ce que vous avez sur votre question!
Vous devez également inclure une liste de brosers/système d'exploitation que vous avez testé sur des. Il peut être limité à une unique combinaison de ces éléments, en particulier compte tenu de zuul commentaire
jsfiddle.net/Wh2sK - Fonctionne pour moi.
Ok c'est bizarre parce que quand je l'ai tester dans un fichier HTML, il fonctionne normalement, mais quand je l'ai tester avec VisualStudio (je travaille avec ASP.NET le problème se produit. Je n'ai aucune idée de la raison.

OriginalL'auteur huong | 2012-05-19

  1. 61

    Essayez d'ajouter z-index:10; à .toplink{...} classe.

    il fonctionne parfaitement! Merci beaucoup!
    avec z-index vous spécifiez la superposition de mise en page. C'est quelque chose comme cela. élément avec z-index: x reste sur le haut des éléments avec z-index: (less than x) et derrière les éléments avec z-index: (greater then x). J'espère que j'ai réussi à vous faire comprendre.
    Merci pour l'explication! J'espère que vous n'avez pas l'esprit de ma question stupide, mais je suis encore à se demander quel élément est resté sur le dessus de la lien hypertexte avant de mettre en z-index de la valeur pour l'toplink classe?
    Merci beaucoup Krishna

    OriginalL'auteur Krishanu Dey