CSS Dropdownmenue wird im Firefox nicht angezeigt

[counter18]

Hi zusammen,

ich hab ein Dropdownmenue erstellt, dass überall angezeigt wird, aber nicht im Firefox. Kann mir jemand einen Tip geben, warum nicht?
Hier der Quelltext und die CSS Datei:

 <div id="menue">
            <div class="menu-nav-container"><ul id="menu-nav" class="menu"><li id="menu-item-4" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-2 current_page_item menu-item-4"><a href="url">Startseite</a></li>
<li id="menu-item-26" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26"><a href="url/?page_id=10">Dienstleistungen</a>
<ul class="sub-menu">
	<li id="menu-item-27" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27"><a href="url/?page_id=20">Raumbegrünung</a></li>
	<li id="menu-item-28" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-28"><a href="url/?page_id=16">Grabpflege</a></li>
	<li id="menu-item-29" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29"><a href="url/?page_id=14">Traubinderei</a></li>
	<li id="menu-item-30" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30"><a href="url/?page_id=8">Hochzeit</a></li>
	<li id="menu-item-31" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-31"><a href="url/?page_id=6">Floristik</a></li>
</ul>
</li>
<li id="menu-item-25" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-25"><a href="url/?page_id=23">Kontakt</a></li>
<li id="menu-item-42" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42"><a href="url/?page_id=40">Blog</a></li>
</ul></div>

#menue ul li {
		float: left;
		background: #22170c;
		padding: 5px;
		margin: 2px;
		color: #FFF;
		list-style:none;
		display:block;
	}
	#menue ul li a {
		font-weight: 100;
		color: #fff;
		font-size: 1.3em;
	}
	#menue ul li:hover {
		background:#412e1b;
	}
	#menue ul li ul {
		display: none;
	}
	#menue ul li:hover ul {
		display:compact;
		margin-top: 0px;
		left: -4px;
		position: absolute; 
		top: 42px;
		}
	#menue .current-menu-item {
		background: #524234;
}
	#menu-nav {
    margin:0; 
    padding:0; 
    list-style:none;
}   
    #menu-nav li {
        float:left; 
        display:block; 
        position:relative;
        z-index:500; 
        margin:0 1px;
		height: 30px;
    }
    #menu-nav li a {
        display:block; 
        padding:5px; 
        font-weight:700;  
        text-decoration:none; 
        color:#fff; 
    }
    #menu-nav ul li {
            float:left; 
        }

        #menu-nav ul a {
            display:block;  
            padding: 5px; 
            color:#fff;
        }
*html #menu-nav ul {
    margin: 2px;
}

Gruß

Counter

[threadi]

display: compact;

gibt es nicht. "block" wäre der richtige Wert für diese Eigenschaft.
http://www.quirksmode.org/css/display.html