IE 7 list-item whitespace issue: not a big deal but annoying
Posted by Jesse Rodgers on April 18, 2006 at 02:14 PM
Inspired by Veerle’s post on the issue to actually fix this problem on the UW home page and IE 7, I went through and applied a simple fix to the CSS that is in the custom style sheet to the home page. This is what you get if you use the holly hack to fix IE 6’s whitespace issues because IE 7 ignores the holly hack but didn’t fix this bug… What I started with is a menu that looked like:
#secondarycontent li { font-size: 80%; width: 100%;}…and changed it to:
#secondarycontent li a { font-size: 80%; width: 155px;}So now it looks like:
Applying a width to ‘li a’ (not just li, it doesn’t work) is all I needed to do. I likely would have saved myself some time if I did it properly in the first place. Oh and its IE 7’s improvements that make it ignore the fix for IE 6… is that not swell? ;)