Whitespace issue in MSIE 7 prevails

The issue

The following list has the links inside set to display:block to fill the whole list space. In MSIE they show as two lines.

• test
• test
• test
• test

This is caused by whitespace in the code between the LI elements. In the days of old (i.e. last month) we fixed this by applying a min-height with the child selector to override MSIE 6's quirks:

li a{
  display:block;
  height:1em;
}
html>body li a{
  height:auto;
  min-height:1em;
}

This will fail now, as illustrated in the following example:

• test
• test
• test
• test

The problem is that MSIE7 does understand and applies the child selector, but fails to apply the min-height.

The Workaround

To avoid massive gaps in lists with block-links, you need to set a width to the links:

• test
• test
• test
• test

#test3 li a{
  display:block;
  height:1em;
  width:10em;
}
html>body #test3 li a{
  height:auto;
  min-height:1em;
}