I have a fancy CSS on my <a> tags. Putting an <img> inside of a link makes the image stick outside of the <a> block, even though it’s still clickable, it looks stupid.
Changing <a> to display:block, or float:left fixes this, but has an undesirable not-side effect.
How can I overcome this?
inline-block will solve the problem, but it wont work with IE.
http://jsfiddle.net/dbugger/z5gdA/3/