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:

  
#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:

  
<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>  

[Gunnar Bittersmann]

@@mens0r:

nuqneH

ich habe das Problem, dass bei mir im FF ein zweizeiliger Link falsch dargestellt wird

Works as designed: 'height:17px;'

im IE geht es aber:

Weil er 'height' fälschlicherweise als 'min-height' interpretiert.

Qapla'

[Beat]

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;
}

Warum beschränkst du die Höhe?
FF interpretiert es richtig.

mfg Beat