IE6-/Win: Clickable area of block links

All red bordered boxes are <a> with display:block, inside a box with yellow background, black border and a specified width. Depending on several factors in IE6-/Win the whole <a> block or just the text is clickable / hoverable.

No hasLayout <a>. Only text clickable. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. No hasLayout <a>. Only text clickable. Maecenas nunc nulla, lobortis eu, eleifend eu, venenatis non, massa.
hasLayout <a> Full area clickable, and the following as well. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. No hasLayout <a>. Full area clickable. Maecenas nunc nulla, lobortis eu, eleifend eu, venenatis non, massa.
No hasLayout and position:relative <a> "Almost" full area clickable. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. No hasLayout and position:relative <a> "Almost" full area clickable. Maecenas nunc nulla, lobortis eu, eleifend eu, venenatis non, massa.
No hasLayout wrapper. No hasLayout <a>. Full area clickable. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. No hasLayout wrapper. No hasLayout <a>. Full area clickable. Maecenas nunc nulla, lobortis eu, eleifend eu, venenatis non, massa.
No hasLayout <a> with an image. Full area clickable, and the following as well. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. No hasLayout <a>. Full area clickable. Maecenas nunc nulla, lobortis eu, eleifend eu, venenatis non, massa.
hasLayout <a> with an image. Full area clickable, but image not clickable in IE5.0. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. No hasLayout <a>. Full area clickable. Maecenas nunc nulla, lobortis eu, eleifend eu, venenatis non, massa.
No hasLayout <a> with an (empty) inline-block <span>. Full area clickable, and the following as well. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. No hasLayout <a>. Full area clickable. Maecenas nunc nulla, lobortis eu, eleifend eu, venenatis non, massa.
No hasLayout <a>, with an (empty) floated <span>. Full area clickable, and the following as well. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. No hasLayout <a>. Full area clickable. Maecenas nunc nulla, lobortis eu, eleifend eu, venenatis non, massa.
No hasLayout <a>, with an (empty) floated <span> and an image. Full area clickable. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. No hasLayout <a>. Full area clickable. Maecenas nunc nulla, lobortis eu, eleifend eu, venenatis non, massa.
with line-height:3; Lorem ipsum dolor sit amet, consectetuer adipiscing elit. with line-height:3; Maecenas nunc nulla, lobortis eu, eleifend eu, venenatis non, massa.
with line-height:normal; Lorem ipsum dolor sit amet, consectetuer adipiscing elit. with line-height:normal; Maecenas nunc nulla, lobortis eu, eleifend eu, venenatis non, massa.

Other related tests IE6/Win: Block links and hasLayout

CSS tests home