Bug lien href non cliquable

Bonjour à tous =)

Voilà j'ai un problème, j'ai différent bloc dans mon header et lorsque j’insère un lien href il apparaît mais est non cliquable ???

Voici mon code du header :

<header>
		<div id="logo">
		</div>
		<div id="account">
			<h2>Inscription / connexion</h2>
			
		</div>
		<div id="metiers">
			<div id="roll_metier">
				<a href="lien.html" >lien ici</a>
			</div>
		</div>
	</header>

Mon css relatif est le suivant :

header {
	border: solid 1px #ccc; 
	background-color:white;
	margin : 0;
	width:100%; 
	float:left;
	height:60px;
}
#logo {
	border: solid 1px #ccc;
	display: inline-block;
    width: 400px;
	height : 50px;
    border: 1px solid black;
    vertical-align: top;
	padding-left :50px;
	background-image:url('images/logo.png');
	background-repeat:no-repeat;
}
#account {
	border: solid 1px #ccc;
	display: inline-block;
    width: auto;
    border: 1px solid black;
    vertical-align: top;
	float:right;
	padding-right :50px;
}
#metiers {
    width: 100%;
	height : 6px;
	background-color:#f7f7f7;
	margin-top : 3px;
	box-shadow: 0px 2px 5px #aaa;
}
#roll_metier {
	width : 175px;
	height : 23px;
	background-image:url('images/metier_bar.png');
	background-repeat:no-repeat;
	margin: auto;
}

Si je mes le lien à l’extérieur de mon header tout fonctionne, je ne comprend pas ...

Merci de votre aide =)
++
Modifié par sniffle83 (17 Feb 2013 - 11:44)

Bonsoir,

Méthodologie pour résoudre les problèmes d'affichage en CSS, cela peut être un bon début

Salut,

Ton div metier a un height plus petit que ton div roll_metier
le conteneur 6 px et le contenant 23px, je sais pas si c'est a cause de cela mais essai de mettre 25px, par exemple, a ton div metier.