As I said, I have done this before and it works perfectly. However, this time around it doesn't seem to put the link there. The background image is there. The <li> changes background as you hover it as expected and changes back on mouseout. But the link isn't actually there even though I have styled it to be 40x40.

The result of this is that the "title" element of the link is not being displayed when you mouseover it and obviouslly, the button is doing nothing but change colour!

Any ideas why it's not working this time around? Am I blindly forgetting to do something?

RyanReese
—
2012-04-19T03:15:40Z —
#2

Well I CAN tell you that the anchor isn't 40x40 because it's default as an inline element. As such it doesn't accept width/height properties. Give it display:block and see if it works there :).

CBResources
—
2012-04-19T07:07:41Z —
#3

That did the trick - thank you. sometimes it just needs a fresh pair of eyes to spot the error that's so blatantly obvious

elbot
—
2012-04-19T07:21:24Z —
#4

your pseudo class should be on your anchor tag surely eg a:hover ??

RyanReese
—
2012-04-19T11:08:48Z —
#5

CBResources said:

That did the trick - thank you. sometimes it just needs a fresh pair of eyes to spot the error that's so blatantly obvious