lise: XHTML und Stylesheets

Beitrag lesen

Liebe Leute,

könnt Ihr mir sagen wie ich  in XHTML stylesheets einbinde, die in der Datei liegen und eine id haben.

Beispeilcode:

<?xml version="1.0" encoding="iso-8859-1"?>
<!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" lang="en" xml:lang="en" dir="ltr">
<head>
<title>News</title>

<link href="style/slideMenu.css" rel="stylesheet" type="text/css" />
<link href="style/winMenu.css" rel="stylesheet" type="text/css" />
<link href="style/news.css" rel="stylesheet" type="text/css" />
<link href="style/vertMenu.css" rel="stylesheet" type="text/css" />
<link href="style/activ.css" rel="stylesheet" type="text/css" />

<style id="JoustStyles" type="text/css">

.menuItemOut {position:absolute; visibility:hidden;}
                .menuItem BR { clear: both;}
                .node { color: black; font-family : "Helvetica", "Arial", "MS Sans Serif", sans-serif;font-size : 9pt;}
                .node A:link { color: black; text-decoration: none; }
                .node A:visited { color: black; text-decoration: none; }
                .node A:active { color: black; text-decoration: none; }
                .node A:hover { color: #CC0000; text-decoration: none; }
                .leaf { color: black; font-family : "Helvetica", "Arial", "MS Sans Serif", sans-serif;font-size : 9pt;}
                .leaf A:link { color: black; text-decoration: none;}
                .leaf A:visited { color: black; text-decoration: none; }
                .leaf A:active { color: black; text-decoration: none; }
                .leaf A:hover { color: #CC0000; text-decoration: none; }

</style>

Den stylesheete  mit Id kann ich nicht auslagern, sonst läuft meine Navigation nicht. Geht das überhaupt mit Id, das meckert mir der W3c validator an.
Wie mach ich das am besten xhtml-konform?

Schon mal danke

Lise