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

you can add this styles to your styles.ie.css

/* for IE7 only */
*+html #nav { font-size: 0; line-height: 0;}
*+html #nav li {font-size: 12px; line-height: 18px; }