IE6 and 7 whitespace bug
IE 6 and IE7 often display whitespace underneath images and <li> tags (when all other browsers do not) . The best way to solve this is to add either or both of the css rules:
display:inline-block;
display:block;
The alternative method is to remove all space between tags within your html document, however this makes the mark-up hard to read and edit!

