CSS Bugs: Fix for IE / Win gap between list items
Tuesday, 21st February 2006Recently I stumbled across the annoying IE/Win bug of gaps between vertically stacked list items.
After searching around for a while I found a fair few fixes. However, none of these seemed to work for me. The only different I could find was that my list contained images where the other examples were purely text.
I fixed the bug by chance whilst implementing a fix by John Serris at www.phonophunk.com.
It turned out that when using the “vertical-align: bottom” fix applied to the list item tag, I also needed to apply it to the ‘a’ and ‘img’ tags as well:
#navsec a, #navsec img { vertical-align:bottom; }
