problem formatting height <DD> for IE6

Question

Hello, I'm trying to format DL list:

http://design.vitalbmx.com/new_html/index.html (6 items starting with "Troy Merkle on Giant")

Looks good in Firefox, Chrome, IE7-8. In IE6 DD height is always larger (107px, while it must be 78px). I tried adding smaller height in style, removing all margins / padding etc and nothing seems to help. Attached is a screen shot of what I see in Microsoft SuperPreview. Any idea what might be the problem?

Answer 1

You are giving your anchor tag around the IMG a width and height, making it ipso-facto a block element. This is just a hunch, but try removing the anchor tag, put the mouse event handlers directly on the IMG, and setting the IMG to show a hand cursor with the style "cursor: hand"

Hope that helps.