[NicolaibassDH]

Hallo alle miteinander,

ich hoffe mit meinem ersten Posting in diesem Forum Hilfe zu finden.

Ich habe folgendes Problem:
Ich möchte bei einem MouseOver einen DIV Layer ausblenden und einen anderen dafür einblenden.

Soweit habe ich es bisher zusammengebaut:

span.navigation_headline, span.navigation_subline {
	position:absolute;
	left:100px;
	top:100px;
	width:200px;
	height:20px;
}

span.navigation_headline {
	visibility:visible;
}

span.navigation_subline {
	visibility:hidden;
}

*.active a:hover span.navigation_subline, *.active a:hover span.navigation_headline {
	position:absolute;
	left:100px;
	top:100px;
	width:200px;
	height:20px;
	border:1px solid #000;
}

*.active a:hover span.navigation_subline {
	visibility:visible;
}

*.active a:hover span.navigation_headline {
	visibility:hidden;
}



<ul>
<li class="active"><a href="">Topic 01<span class="navigation_subline"><dfn>Subline 01</dfn></span><span class="navigation_headline"><dfn>Headline 01</dfn></span></a></li>
<li><a href="">Topic 01</a><span class="navigation_subline"><dfn>Subline 01</dfn></span></li>
</ul>

Die Positionierungsanweisungen dienen nur dem Testen.

Das ganze funktioniert in allen Browsern, nur nicht im IE < 7

Hat jemand von Euch eine Idee was ich falsch gemacht bzw. was ich ändern muss?

Vielen Dank schon jetzt für Eure Hilfe.

Nic

[heiko_rs]

Füge folgende Regel hinzu:

a:hover {
	float: none;
	}

Grund: Pure CSS Popups Bug - IE Bug

Übrigens: Wozu die spans? Gib doch dfn die Klassen.

[NicolaibassDH]

Hervorragend - vielen Dank

Die Spans stehen für TYPO3 mit drin, darauf wird später gemappt