Dada: css :hover +xhtml +strict

Beitrag lesen

Guten Tag,

auf http://aktuell.de.selfhtml.org/tippstricks/css/infobox/index.htm finden sich gute Beispiele für den Zeigerfokuseffekt (hover). Ich habe nun das erste und dritte Beispiel zu mir kopiert und in den Kopf die xhtml-strict-Zeilen
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE xhtml PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"           "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
gesetzt und zudem die fehlenden Schlussmarkierungen /img und /meta eingefügt.
Ich verwende firefox 1.0 und opera 7.54 (sowie amaya).
1. Speichere ich die Datei mit der Endung html (unlogisch, aber interessant) ab, so funktioniert der Fokuseffekt wie er soll.
2. Speichere ich die Datei mit der Endung xhtml (eigentlich logisch) ab, so funktioniert der Fokuseffekt nur im Beispiel 1; im dritten jedoch nicht! In diesem wird der im Fokusfall auf der rechten Seite anzuzeigende Teil dauerhaft links eingeblendet; die einzige "Reaktion" ist, dass der Zeiger beim darüberfahren in eine Hand verwandelt wird.

Kann mir bitte jemand erklären, wie ich dies verstehen soll beziehungsweise eine Lösung nennen? Ich möchte kein javascript verwenden.
Danke im voraus,

mit Gruß
Dada