CSS gap in IE7

Question

I have a CSS

• nested menu that works perfectly in IE 8 and firefox but in IE7 it produces a small gap between the elements. this

Answer 1

Fix: Add zoom:1 and *display: inline to the element in CSS

Original CSS:

.blueberry .pager li {
display: inline-block;
}

Fixed CSS:

.blueberry .pager li {
display: inline-block;
zoom: 1;
*display: inline;
}

The asterisk (*) in front of display: inline allows for other browsers to ignore that line.

from: http://uncorkedstudios.com/2011/12/12/how-to-fix-the-ie7-and-inline-block-css-bug/