In Little Boxes 2 wird in Kapitel 6 eine Sliding-Doors-Navigation vorgestellt mit runden Ecken vorgestellt. Bei dem im Buch beschriebenen Beispiel fällt dabei auf, dass nur die linke Grafik angezeigt wird.

Es sieht genau so aus, wie die Abbildung für den IE6 im Buch auf Seite 133 oben. Folgender Code lässt für die Pseudoklassen a:focus und a:active die Grafiken weg und funktioniert besser:

#navibereich a:focus,
#navibereich a:active  {
  text-decoration: underline;
  color: #d90000; 
}

Auf denen aktualisierten Beispielseiten können Sie sich den kompletten Code anschauen:

• Beispielseite Kap. 6.1 - Einfache Schiebetüren
• Beispielseite Kap. 6.2 - Erweiterte Schiebetüren

Die Navigation per TAB-Taste ist in Browsern insgesamt wenig standardisiert:

• Firefox gestaltet per TAB-Taste focussierte Elemente mit :focus
• IE7 nimmt stattdessen :active

Opera benutzt zur Tastennavigation übrigens nicht die TAB-Taste sondern die Kombination STRG + Pfeil oben/unten

.