Huge problem with line-height in menu

huge problem

[fendy]

Hi

I have this problem, in ie there is too much space between menu lines, approc 50px, but in firefox it looks good

Here is the code of the menu, can somebody tell me why

/* Secondary Links (Non-Suckerfish/Enchanced) */

#secondary-links h2 {
 display:none;
}

#secondary-links {
 /*border-left: 1px solid #000000;
 border-right: 1px solid #000000; */
  
}

#secondary-links, #secondary-links ul {
 padding-left:150px;
 padding-top:20px;
 margin: 0;
 list-style: none;
 line-height: 26px;
 z-index: 10;
 
}

#secondary-links a {
 padding: 0 10px;
 display: block;
 font-weight:900;
 font-size: 12px;
 color: #fff;
  display: inline-block } /* IE6 only */
 
 /*background: #D9D9D9 url(../images/secondary.png) repeat-x;*/
}

#secondary-links a:hover, #secondary-links a:active {
 color: #b8efbc;
}

#secondary-links li {
 padding: 0;
 margin: 0;
 float: left;
 list-style: none;
line-height: 26px;
}

[fendy]

if you want the whole css or the site url, please let me know

[fendy]

anybody?

[CSS_Kidd]

I usually apply the block to the the "li" and the line height to the "a" (I use em for line height). Try switching the two and removing the line height from the #secondary-links, #secondary-links ul. Then ad as needed.