Problem mit 2-zeiligen Links

[mens0r]

Hallo,

ich habe das Problem, dass bei mir im FF ein zweizeiliger Link falsch dargestellt wird, im IE geht es aber:

Firefox:


Internet Explorer


Wie kann das sein?

Hier mein CSS Code:

Code: Alles auswählen

#menu
{
   width:auto;
   height:100%;
   margin:0;
   padding:0;
   border-left:1px solid #333;
}

#menu_inner
{
   padding-top:20px;
   padding-left:20px;
}

div#menu ul
{
   list-style:none;
   padding:0;
   margin:0;
}

div#menu ul li a, div#menu ul li a:visited
{
   text-decoration:none;
   display:block;
   font-weight:normal;
   font-size:0.7em;
   color:#414141;
   background:none;
   padding:0 0 0 0;
   margin:0;
   height:17px;
}


div#menu ul li
{
   list-style-image: url('../img/listitem.jpg');
   margin-left:10px;
}


div#menu ul li a:hover, div#menu ul li a:active
{
   background:#C7DEC9;
   color:#030;
}

div#menu ul li ul
{
   margin-left:10px;
}


Und hier der HTML Code:

Code: Alles auswählen

<div id="menu">
  <div id="menu_inner">
    <ul>
    <li><a href="#">bla</a></li>
    <li><a href="#">bla</a></li>
    <li><a href="#">bla</a></li>
    </ul>               
  </div>
</div>