RatloserRobert: über <link> eingebundenes CSS wird nicht interpretiert

Beitrag lesen

Hallo Leute,
ich hab eine richtig kniffliges Problem!
Ich habe eine Bsp. HTML-Seite die nicht viel mehr als Hello World und ein paar Formatierungen enthält.

  • Im <head> binde ich ein Stylesheet per <link> ein. Die Adresse stimmt, im Firefox kann man im QT dem Link folgen und sieht mein CSS. Diese CSS-Eigenschaften werden von Firefox und IE nicht interpretiert

  • Um zu testen ob meine Browser "defekt" sind habe ich ein paar <style> Definitionen im <head> platziert. Diese werden interpretiert.

  • Da die Interpretation im <head> funktionierte habe ich versucht mithilfe von @import mein externes CSS einzubinden - ohne Erfolg.

C O D E:
<!DOCTYPE html 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">

<head>
    <title>CSS-Test</title>

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />

<link href="style_tpl/style.css" type="text/css" rel="stylesheet" />
    <link href="img/favicon.ico" type="image/x-icon" rel="shortcut icon" />

<style>
    <!--
    @import "styöe_tpl/style.css";

span.b {
        font-weight: bold;
    }
    span.u {
        text-decoration: underline;
    }
    hr {
        border: 2px dashed black;
    }
    -->
    </style>

</head>

<body>
    <h1>Hello World</h1>
    <hr />
    <p>Dieser Text sollte <span class="b">fett</span> bzw <span class="u">unterstrichen</span> dargestellt werden!</p>
</body>
</html>

Habt ihr schonmal so etwas gesehen/gehört/gelesen? Bitte helft mir!
P.S. Das Favicon wird von Firefox angezeigt ??!