Question

Due to Intellectual Property issues with the client I just can’t discuss any code.

There is a line or space between two LI tags in IE7 which are not present in Firefox or Chrome.

I tried very hard to detect where is the problem. I think after 6 hourse of try. So any fresh ideas would be helpful.

Answer 1

First, try to integrate a good CSS Reset (good one you can found on http://www.html5boilerplate.com ).

Second, I can only suppose menu CSS/HTML code (why you don’t publish here the code? When is online, EVERY person can read your css/js/html code!):

HTML:

<div class="menu">
  <ul>
     <li>menu item</li>
     <li>menu with subitem
         <ul>
            <li>sub menu item</li>
            ...
         </ul>
     </li>
     ...

CSS:

.menu ul {
   ...

}

I can suggest this kind of reset:

.menu ul, .menu li {
   margin: 0 !important;
   padding: 0 !important;
   display: block;
   list-style: none;
}

and try to obtain other padding/spacing with sub elements (span, a, ecc.).