Hallo,
<?xml version="1.0" encoding="ISO-8859-1"?>
Hiermit schaltest du den blöden IE in den Quirks-Mode. Wodurch es schnell zu Unterschieden in der Darstellung kommt.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<title>Test</title>
<style type="text/css">
<!--
Du verwendest XHTML, also solltest/musst du den Kommentar entfernen, da der Inhalt sonst ignoriert wird. Jedenfalls passiert das, sobald die Datei mit dem Mime-Typ application/xhtml+xml geparst wird. Speichere sie doch z.B. mal mit der Endung .xhtml ab und schau dir's im FF oder Opera an.
[...]
Dieser Code erzeugt in Firefox und im IE zwei unterschiedliche Ausgaben, wie sie beide nicht sein sollten.
Im Firefox (aktuelle Version) wird oben ein Pixel vom Link abgeschnitten, so daß die obere "Border" vom Link nicht sichtbar ist.
Dass kannst du durch ein padding-top (container) ganz leicht beheben!
Der IE (5.50....) schneidet die "Borders" oben und unten ab.
Dass kenn ich aus dem Quirksmode s.o.
Ist dies ein Fehler vom CSS bzw XHTML oder ein Fehler im Rendering der beiden Browser?
Wie gesagt, der IE kommt mit der XML-Deklaration nicht klar, und der FF braucht lediglich ein padding-top.
mfg. Daniel