✔ Sub-Container verschwinden im "ie" im Firefox nicht

Status
Nicht offen für weitere Antworten.
B

ben47

Grünschnabel
sobald ich im ie mit meiner maus über einen unterpunkt in meinem menü fahren möchte verschwinden diese, jedoch nur im ie

kann mir bitte wer helfen?
wär wirklich der oberwahnsinn ;)

folgende css-script macht mein menü aus:

Code: 
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}
.qmmc .qmdividery{float:left;width:0px;}
.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}
.qmmc {position:relative;zoom:1;z-index:10;}
.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}
.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}
.qmsh div a {float:left;}
.qmmc div{visibility:hidden;position:absolute;}
.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}
.qmmc .qmcbox a{display:inline;}
.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}
.qmmc li {z-index:auto;}
.qmmc ul {left:-10000px;position:absolute;z-index:10;}
.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}
.qmmc li a {float:none}
.qmmc li:hover>ul{left:auto;}
#qm0 ul {top:100%;}
#qm0 ul li:hover>ul{top:0px;left:100%;}




 /*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding: 3px 3px 3px 6px;
		color:#ffffff;
		font-family:Verdana;
		font-size:10px;
		text-decoration:none;
				
	}
	
	/*"""""""" (Main) Hover State""""""""*/	
	#qm0 a a:hover	
	{	
		background-color:#dadada;
		color:#ffffff;
	}



	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:2px;
		margin:-2px 0px 0px;
		background-color:transparent;
		color:#444444;
		border-style:none;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:1px 2px 4px 2px;
		background-color:transparent;
		font-size:11px;
		color:#777777;
		border-width:0px;
		border-style:none;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		padding: -20px;
		margin: -2px 0px 0px;
		background-color:transparent;
		background-color:#dadada;
		color:#444444;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		background-color:#dadada;
		color:#444444;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#dadada;
		color:#777777;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		cursor:default;
		padding:3px 0px 3px 4px;
		color:#444444;
		font-family:arial;
		font-size:11px;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:3px 0px;
		border-color:#ffffff;
	}


	/*"""""""" Individual Vertical Dividers""""""""*/	
	#qm0 .qmdividery	
	{	
		border-left-width:1px;
		height:30px;
		margin:0px 3px 0px;
		border-color:#ffffff;
	}


	/*"""""""" (main) Rounded Items""""""""*/	
	#qm0 .qmritem span	
	{	
		border-color:#dadada;
		background-color:#f7f7f7;
		color:#444444;
	}


	/*"""""""" (main) Rounded Items Content""""""""*/	
	#qm0 .qmritemcontent	
	{	
		padding:0px 0px 0px 4px;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li:hover > a	
	{	
		background-color:#f7f7f7;
		color:#444444;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul	
	{	
		padding:10px;
		margin:-2px 0px 0px;
		background-color:#f7f7f7;
		border-width:1px;
		border-style:solid;
		border-color:#dadada;
	}
 
Hi,

der dazugehörige HTML-Quelltext, oder ein Link zu der Seite wäre ganz hilfreich, um sich das Modell in den Browsern überhaupt näher betrachten zu können.

Und achte doch bitte in deinen Beiträgen auf die Groß- und Kleinschreibung, wie in der Netiquette (Nr.15) erwünscht - vielen Dank.

mfg Maik
 
Sorry war immer schon schwach in Grammatik ;)


Html-Datei:
Code: 
<html>
<head>
<style type="text/css" title="currentStyle" media="screen">
		@import "design.css";
	</style>
<base target="Hauptframe" />

</head>
<body bgcolor="black">
<span style="position: absolute; top: 64px; right: 15%"><ul id="qm0" class="qmmc">

	
	<li></li>

	


		

	<li><a class="qmparent" href="news.html" >home</a>

	<li><span class="qmdivider qmdividery" ></span></li>
	<li><a class="qmparent" href="news.html" >news</a>


	<li><span class="qmdivider qmdividery" ></span></li>
	<li><a class="qmparent" href="javascript:void(0)">mitglieder</a>

		<ul>
		<li><a href="csmembers.htm">CS</a></li>
		<li><a href="agmembers.htm">AG</a></li>
		<li><a href="warcraftmembers.htm">Warcraft</a></li>
		</ul></li>
	
		
	

	<li><span class="qmdivider qmdividery" ></span></li>
	<li><a class="qmparent" href="javascript:void(0)">Intern</a>

		<ul>
		<li><a href="login.asp?pwdk=2&link=updates/updates.htm">Updates</a></li>
		<li><a href="login.asp?pwdk=2&link=updates/teambesprechung.htm">teambesprechung</a></li>
		<li><a href="login.asp?pwdk=2&link=updates/sonstiges.htm">Sonstiges</a></li>
		<li><a href="login.asp?pwdk=1&link=updates/berichte.htm">
		Berichte</a></li>
		</ul></li>
		
	<li><span class="qmdivider qmdividery" ></span></li>
	<li><a class="qmparent" href="links.htm">links</a></li>

	<li><span class="qmdivider qmdividery" ></span></li>
	<li><a class="qmparent" href="info.htm">info</a></li>

<li class="qmclear">&nbsp;</li></ul>
</span>

</body>
</html>
 
Zuletzt bearbeitet:
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück