Eu tenho uma barra de menu com efeitos de foco, e agora eu quero colocar uma imagem transparente com um círculo e um texto "handdrawn" sobre um dos itens do menu. Se eu usar o posicionamento absoluto para colocar a imagem de sobreposição acima do item de menu, o usuário não poderá clicar no botão e o efeito de foco não funcionará.

Existe alguma maneira de desativar a interação do mouse com essa imagem de sobreposição para que o menu continue funcionando como antes, mesmo que esteja abaixo de uma imagem?

Editar:

Como o menu foi gerado com o joomla, não consegui alterar apenas um dos itens do menu. E mesmo se eu pudesse, eu não achava que uma solução de javascript fosse apropriada. Então, no final, "marquei" o item de menu com uma seta fora do elemento de item de menu. Não tão bom quanto eu queria que fosse, mas funcionou bem de qualquer maneira.