Bild (link) nur teilweise anklickbar!?

[ad]

Hallo,
ich habe im header ein Logo zur Startseite verlinkt:

<a href="/">  
<img class="logo" alt="Logo" src="/images/content/logo.png">  
</a>

Positioniert wird das Logo wie folgt:

.logo{  
	position:relative;  
	top:15px;  
	left:40px;  
	float:left;  
}

Daraus ergeben sich zwei Merkwürdigkeiten:
1. Im FireBug wird das "<a href>..." ausgegraut dargestellt. Warum?
2. Das Logo ist nicht komplett anklcikbar. Nur ca. das untere Drittel reagiert auf die Maus.

Ich denke es liegt an der position-Eigenschaft. Nehme ich die raus, wird es im FireBug normal dargestellt und das Bild ist komplett anklickbar - nur eben falsch positioniert.

Warum ist das so und wie sollte ich vorgehen?

danke - ad