✔ IE Definition List und Dropdown Menu Problem

H

hmmNaGut

Erfahrenes Mitglied
Hi, Leute...

Ich habe ein Problem..

Folgendes ich habe ein Menü ul li dropdown und
im normalen content befindet sich eine Definition list.

Bei der H3 wird es richtig dargestellt, das Menü befindet sich drüber allerdings bei den DD und DT verschwinden die Menüpunkte... (Sie sind darunter(dachte an Z-INDEX)).

die DL ist dann nochmal in einem UL LI


Hier dass CSS der Navigation

CSS: 
#navigation ul li a{font-size:14px; color:black;text-decoration:none; font-weight:normal;}
#navigation ul{width:100%; height:37px;  background:url('/img/design2/menu_background.jpg') 0 0; list-style-type:none; padding:0;}
#navigation ul li{float:left; height:38px;position:relative; }
#navigation ul li.first{margin-left:6px;  }
#navigation ul li.last{margin-right:15px;  }
#navigation ul li ul {display:none; position:absolute; z-index:1000;}
#navigation ul li:hover ul{display:block;}
#navigation ul li a{    border-right: 1px dotted black; display: block;font-weight: normal; line-height: 26px; margin-top: 6px; padding: 0 10px;}
#navigation ul li.active{background:#444343;color:#fff;}
#navigation ul li.active a{background:#444343;color:#fff;}
#navigation ul li.active li a{background:none;}
#navigation ul li a:hover {background:url('/img/design2/menu_marked.jpg') center center repeat-x;  color:#fff;}
#navigation ul li ul{z-index: 1000;left:-5px;margin:0 0 0 0;background:url('/img/design2/subnavigation-ul.png') left bottom repeat-y;width:170px;height:auto;padding-bottom:20px;}
#navigation ul li ul li{float:none;line-height:normal; height:25px; padding:0 10px; color:#a0a0a0; z-index:1000;}

#navigation ul li ul li a{color:#a0a0a0; font-size:12px; text-decoration:none; display:block; padding:0 12px; 	border:none;}
#navigation ul li ul li a:hover{background:url('/img/design2/menu_marked.jpg') center center repeat-x;  color:#fff;}

Definition list CSS
CSS: 
ul.info-ul{width:640px;padding:0;margin:0;margin-left:5px;list-style-type:none;margin-bottom:15px;}
ul.info-ul .li-title-balken{
		background: url('/img/design2/balken-black.jpg') 0 0 no-repeat;   
		color: #FFFFFF;   
		font-weight: normal;   
		height: 49px;   
		line-height: 48px;   
		margin: 0;  
		padding-left: 80px; 
		width: 560px;
}
ul.info-ul .li-title{background-color:#EAEAEA;margin:6px 3px 1px 0;padding-left:13px;}

ul.info-ul .li-title h3{text-align:left;padding:10px 0;}
ul.info-ul .li-details{padding-bottom:10px;position:relative;}
ul.info-ul .li-details.images img{margin-top:10px;margin-right:10px;}
ul.info-ul .li-details dt{padding:5px;padding-left:15px; float:left;clear:both;width:150px;background-color:#ebeaea;	font-size:10px;position:relative;	font-weight:bold;	margin-bottom:1px;}
ul.info-ul .li-details dd{width:480px;   padding: 5px 5px 5px 175px;   width: 457px;float:left;	margin-left:-170px;margin-right:3px;background-color:#ebeaea;font-size:10px;margin-bottom:1px;}


Ich hoffe ihr könnt etwas mit den Infos anfangen..

Im FF, Chrome gehts im IE8 leider nicht.

Danke schonmal
 
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />	
	<title>title</title>
	<link href="/favicon.ico" type="image/x-icon" rel="icon" /><link href="/favicon.ico" type="image/x-icon" rel="shortcut icon" /><link rel="stylesheet" type="text/css" href="/css/styleV2.css" /><link rel="stylesheet" type="text/css" href="/css/lightbox.css" /><link rel="stylesheet" type="text/css" href="/css/swfuploader.css" />
	<script type="text/javascript" src="/js/prototype.js"></script>
	<script type="text/javascript" src="/js/scriptaculous-js-1.8.3/src/scriptaculous.js?load=effects,builder,controls"></script>
	<script type="text/javascript" src="/js/lightbox.js"></script>

<script type="text/javascript" src="/js/tabs.js"></script><script type="text/javascript" src="/js/galery.js"></script><script type="text/javascript" src="/js/tiny_mce/tiny_mce.js"></script></head>
<body id="page-background">
	<div id="wrapper">
			<div id="header" class="clearfix">
				<div id="logo">
				</div>
				<div id="navigation" class="clearfix">
					<ul>
						<li class="first"><a href="/">HOME</a></li>
						<li><a href="/">DVD</a>						
							<ul>
								<li><a href="/news/index/1">NEWS</a></li>
								<li><a href="/dvd-termine">TERMINE</a></li>
								<li><a href="/dvd-reviews">REVIEWS</a></li>
								<li><a href="/eastereggs/index/0">EASTEREGGS</a></li>
								<li><a href="/dvd-sammlerstuecke">SAMMLERSTÜCKE</a></li>
							</ul>
						</li>
						<li><a href="/">BLU-RAY</a>						
							<ul class="bluray clearfix">
								<li><a href="/news">NEWS</a></li>
								<li><a href="/bluray-termine">TERMINE</a></li>

								<li><a href="/bluray-reviews">REVIEWS</a></li>
								<li><a href="/eastereggs/index/1">EASTEREGGS</a></li>
								<li><a href="/blu-ray-sammlerstuecke/blu-rays">SAMMLERSTÜCKE</a></li>
							</ul>
						</li>
						<li><a href="/">KINO</a>						
							<ul class="cinema clearfix">

								<li><a href="/news/index/4">KINO NEWS</a></li>						
								<li><a href="/kino-termine-oesterreich">START ÖST...</a></li>
								<li><a href="/kino-termine-deutschland">START DEU...</a></li>
								<li><a href="/movie_reviews">KRITIKEN</a></li>
								<li><a href="/trailer-und-teaser">TRAILER</a></li>
								<li><a href="/news/index/9">INTERVIEWS</a></li>	
													
							</ul>					
						</li>

						<li><a href="/">GAMES</a></li>
						<li><a href="/">SONSTIGES</a>						
							<ul class="clearfix">
								<li><a href="/news/index/5">ZENSUR NEWS</a></li>
								<li><a href="/news/index/7">BODYCOUNT NEWS</a></li>						
								<li><a href="/bodycounts">BODYCOUNTS</a></li>	
								<li><a href="/news/index/6">SPECIALS</a></li>
		
							</ul>		
						</li>			
						<li><a href="/">FORUM</a></li>
						<li><a href="/">ANGEBOTE</a>						
							<ul class="cinema clearfix">
								<li><a href="/news/index/10">DVD</a></li>						
								<li><a href="/news/index/11">BLU-RAY</a></li>
								<li><a href="/news/index/12">SPIELE</a></li>

								<li><a href="/news/index/13">SONSTIGES</a></li>
							</ul>						
						</li>
					</ul>				
				</div>				
			</div>
			<div id="content-container" class="clearfix">
				<h1>Freche Mädchen 2</h1>
				<div class="clearfix">
					<div id="left-w-640">
						<ul class="info-ul">
							<li class="li-title-balken">
								Details zum Medium</li><li class="li-details clearfix"><dl><dt>EAN-Nummer</dt><dd>4011976877486</dd><dt>Label:</dt><dd>Constantin Film</dd><dt>Veröffentlichung:</dt><dd>3. Februar 2011 [Kauf]</dd><dt>Veröffentlichung:</dt><dd>5. Februar 2011 [Verleih]</dd><dt>FSK:</dt><dd> FSK o. A.</dd>

					<dt>Länge:</dt>
					<dd>ca. 92 min.
					
					</dd><dt>Ländercode:</dt><dd><img src="/img/laendercode/code2.jpg" alt="Code 2 (DVD)" title="Code 2 (DVD)" /></dd><dt>Medientyp:</dt><dd>DVD-9</dd><dt>Verpackung:</dt><dd> Keep Case (Amaray)</dd></dl></li><li class="li category">Bild:</li><li class="li-details clearfix"><dl><dt>Bildsystem:</dt><dd>PAL</dd><dt>Bildformat:</dt><dd>2,35:1 (anamorph / 16:9)<br /></dd></dl></li>

					<li class="li category">
						Ton &amp; Sprache
					</li>
					<li class="li-details clearfix">
						<dl><dt>Untertitel:</dt><dd>Deutsch für Hörgeschädigte, Isländisch, Japanisch, </dd>
							
						</dl>
					</li>

						<li class="li category">
							Extras
						</li>	
						<li class="li-details clearfix">
							<dl>
								<dt>Extras:</dt>
								<dd>
								<ul class="extras"><li>Making of(ca. 4 Min.)</li><li>Die Musikder frechen Mädchen (ca. 5 Min.)</li><li>Interviews (ca. 13 Min.)</li><li>Deleted Scenes</li><li>Alternativer Anfang</li><li>Blick hinter die Kulissen (ca. 4 Min.)</li><li>Naturally7 ? Wall of Sound ?Vocal Play?</li><li>Darsteller-Infos</li></ul><br />

									</dd>	
									
								</dl>
							</li>		
							</ul>
					<ul class="info-ul">
						<li class="li-title-balken">
							Informationen zum Film
						</li>
					</ul>		<ul class="info-ul">
		<li class="li-title">

			<h3><a href="/movies/details/8694">Freche Mädchen 2</a> </h3>
		</li>
		<li class="li-details clearfix">
		<dl>
								<dt>Originaltitel:</dt>
					<dd>
						Freche Mädchen 2					</dd>

					
						
						
								<dt>Produktionsjahr:</dt>
					<dd>
						2010					</dd>
			
							
						
							
					</dl>
				</li>

				
				<li class="li category">
					Inhalt
				</li>	
				<li class="li-details clearfix">

					<dl>
						<dt>Inhalt:</dt>
						<dd>
							Stress lass nach?! ? Da waren die ?frechen Mädchen? gerade noch bis über beide Ohren verliebt und auf einmal geraten alle Gefühle durcheinander. Mila (EMILIA SCHÜLE) hat sich mit Markus (JONATHAN BECK) gestritten und während sie zusammen mit Hanna (SELINA SHIRIN MÜLLER) und Kati (HENRIETTE NAGEL) auf Chorfahrt in den bayerischen Bergen ist, verbringt Erzfeindin Vanessa (CHRISTINA PEIFER) die Ferien bei Markus auf dem Reiterhof. Mila kocht vor Eifersucht. Hanna und Kati haben derweil ganz andere Probleme: Branko (BEN UNTERKOFLER) will Hannas Musik-Karriere vorantreiben und gerät dabei mit ihr mächtig aneinander. Und Kati weiß mal wieder gar nicht, wo ihr der Kopf steht: Bekommt Tobi (VINCENT BRUDER) auf der Verliebtheitsskala noch die Höchstpunktzahl oder ist der attraktive und vor allem ältere Robert (DENNIS HERRMANN) nicht viel cooler? Auf der Jubiläumsfeier der Schule kommt es schließlich zum großen Gefühlsfinale. Wie gut, dass in all dem Chaos eines sicher ist: Nichts geht über eine echt ?freche? Mädchen-Freundschaft!						</dd>	
					</dl>
				</li>			
			</li>
		</ul>


Der Code sieht ein bisschen durcheinander aus weil die Seite per PHP generiert wird...
 
verschwinden meinte ich das die dl die li überdecken, wobei die erst später kommen..


Danke erstmal..
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück