Hintergrundgrafik im IE6

visiondpc

Erfahrenes Mitglied
Ich habe ein sehr kurioses Problem mit dem IE6.

In meinem CSS-File habe ich für unterschiedliche Navigationsebenen Hintergrundgrafiken und Borders definiert. Die Grafiken und Borders werden auch in jedem getestet Browser angezeigt, außer im IE6.

Gehe ich mit der Maus über einen der Links wird auch im 6er wie gewünscht die Hover-Grafik angezeigt. Was mich jedoch völlig verwirrt, nach dem Hover zeigt der IE auf einmal die Hintergründe und Rahmen an.

Kann mir jemand verraten, wie sowas zustande kommt?

CSS:
Code:
.menu a.level_1, .menu a.level_1.current {
	display: block;
	color: #ffffff;
	line-height: 14px;
	padding: 10px 0 10px 18px;
	background-image: url('../img/level_1_bg.jpg');
	overflow: hidden;
	margin-bottom: 6px;
	text-decoration: none;
	padding-left: 18px;
	text-transform: lowercase;
}

.menu a.level_1:hover {
	background-image: url('../img/level_1_bgh.jpg');
}

.menu div.level_2_wrap {
	margin-bottom: 6px;
	border-bottom: 1px solid #836372;
}

.menu a.level_2 {
	display: block;
	color: #ffffff;
	text-decoration: none;
	line-height: 14px;
	padding: 10px 0 10px 9px;
	background-image: url(../img/level_2_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 14px;
	border-top: 1px solid #836372;
}

.menu a.level_2:hover, .menu a.level_2.current {
	text-decoration: underline;
}

.menu a.level_3 {
	display: block;
	color: #ffffff;
	text-decoration: none;
	line-height: 14px;
	padding: 10px 0 10px 46px;
	background-image: url(../img/level_2_bg.gif);
	background-repeat: no-repeat;
	background-position: 36px 14px;
}

.menu a.level_3:hover, .menu a.level_3.current {
	text-decoration: underline;
}

HTML:
<div class="menu">
	<a href="index.php?id=8" class="level_1 current">Category 01</a>
	<div class="level_2_wrap">
		<a href="index.php?id=14" class="level_2 current">sub category 01</a>
		<a href="index.php?id=15" class="level_3">product 01</a>
		<a href="index.php?id=15" class="level_3">product 02</a>
		<a href="index.php?id=15" class="level_3">product 03</a>
		<a href="index.php?id=15" class="level_2">sub category 02</a>
		<a href="index.php?id=16" class="level_2">sub category 03</a>
	</div>
	<a href="index.php?id=9" class="level_1">Category 02</a>
	<a href="index.php?id=10" class="level_1">Category 03</a>
	<a href="index.php?id=11" class="level_1">Category 04</a>
	<a href="index.php?id=12" class="level_1">Category 05</a>
	<a href="index.php?id=13" class="level_1">Category 06</a>
</div>
 
Hi,

kannst du mal zur Gegenkontrolle den Link zu deiner Seite nennen, denn mit deinem gezeigten Code werden bei mir die Hintergrundbilder, sowie der Rahmen angezeigt.

mfg Maik
 
Zurück