CSS: image link, change on hover?

Use a class for the link itself and forget the div.

Use a class for the link itself and forget the div . Twitterbird { margin-bottom: 10px; width: 160px; height:160px; display:block; background:transparent url('twitterbird. Png') center top no-repeat; } .

Twitterbird:hover { background-image: url('twitterbird_hover. Png'); }.

That could be done with only: #twitterbird { display: block; /* 'convert' to */ margin-bottom: 10px; background-position: center top; background-repeat: no-repeat; width: 160px; height: 160px; background-image: url('twitterbird. Png'); } #twitterbird:hover { background-image: url('twitterbird_hover. Png'); }.

Unfortunately, that renders with width and height of 0 (even with the CSS classes you suggest) in Chrome. – AP257 Jan 17 at 20:25 okay, if I try a test page with just your suggestion it displays... so why have I got a height and width of 0 on my 'real' page? I've tried setting height: 160px!

Important but it doesn't help... – AP257 Jan 17 at 20:29 ...to explain: in Chrome Developer Tools, all the styles above show up under 'Matched Rules', but then in the 'Computed Style' section, the height and width are zero! For no apparent reason. Why?

– AP257 Jan 17 at 20:31 I've created a new question for this: stackoverflow. Com/questions/4717673/… – AP257 Jan 17 at 20:41.

If you give generally give a span the property display:block, it'll then behave like a div, i. E you can set width and height. You can also skip the div or span and just set the a the to display: block and apply the backgound style to it.

It can be better if you set the a element in this way display:block; and then by css sprites set your over background Edit: check this example out jsfiddle.net/steweb/dTwtk.

Thanks - I'll use sprites once I've worked out how to get the element itself displaying with a non-zero width. – AP257 Jan 17 at 20:33 If you set display:block, you should set a fixed width/height to the element ;) – stecb Jan 17 at 20:48 also, check this example out jsfiddle. Net/steweb/dTwtk ..it will help you ;) – stecb Jan 17 at 20:51.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.