Problem występuje, ponieważ "div" jest domyślnie elementem blokowym - więc zajmuje całą dostępną przestrzeń (szerokość). Div w linku zajmuje 100% szerokości, dlatego wydaje Ci się, że klikasz w tego szarego diva, który go otacza.
Dodaj elementowi #tytul
display: inline;
Chociaż sam dodałbym wewnątrz linku element <span></span> który jest domyślnie elementem "inline" i wydaje się to bardziej naturalne...
(po zmianie którą Ci napisałem usuń to right, bo nie zobaczysz niczego na ekranie).
Edytuję odpowiedź, bo nie wiem co Ty chcesz wyczarować. Jeśli docelowo to ma być link w formie logo (obrazka) to powinno to wyglądać mniej więcej tak:
<a href="#" title="Przejdź w jakieś miejsce">
<img src="link-do-logo.jpg" alt="">
</a>