CSS FF vs. IE

LP, zopet me nekaj matra, in sicer vertikalen menu narejen z css. Problem je, ker mi v IE razpotegne menu na skoraj dvokratno dolžino - med "gumbi" je prazen prostor.Bom prilepil kar kodo:

<td width="152" height="170" bgcolor="#c42132">
      <ul class="meni">
        <li>
          <a href="index.php">Domov</a>    </li>
        <li>

          <a href="index.php?page=kuhinja">Ponudba</a>    </li>
        <li>
          <a href="index.php?page=zanimivo">Zanimivosti</a>    </li>
        <li>
          <a href="index.php?page=kje">Kako do nas</a>   </li>
       <li>

       <a href="index.php?page=galerija">Galerija</a>   </li>
       <li>
       <a href="index.php?page=kontakt">Kontakt</a>   </li>
    </ul>
    </td>

pa še css:

.meni {
    list-style-type: none;
    padding: 0;
    width: 120px;
    margin-left: 21px;
    border-right-width: 2px;
    border-right-style: solid;
    border-top-color: #9A9A9A;
    border-right-color: #9A9A9A;
    border-top-width: 2px;
}
.meni li a {
    color: white;
    display: block;
    width: auto;
    padding-left: 10px;
    text-decoration: none;
    background-image: url(slike/meni1.png);
    background-repeat: repeat-x;
    color: #9A9A9A;
    font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding-right: 0;
    padding-top: 3px;
    padding-bottom: 3px;
}
.meni li a:hover{
    background-image: url(slike/meni2.png);
}

za vse odgovore bom hvaležen.

2 odgovora

v css-ju namesto padding-top in padding-bottom daj height...

in torej:

.meni {
list-style-type: none;
padding: 0;
width: 120px;
margin-left: 21px;
border-right-width: 2px;
border-right-style: solid;
border-top-color: #9A9A9A;
border-right-color: #9A9A9A;
border-top-width: 2px;
}
.meni li a {
color: white;
display: block;
width: auto;
text-decoration: none;
background-image: url(slike/meni1.png);
background-repeat: repeat-x;
color: #9A9A9A;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
padding:0 0 0 10px;
height:28px;
}
.meni li a:hover{
background-image: url(slike/meni2.png);
}

uu, hvala hvala :) napaka je torej bila ta, da height ni bil določen??