CSS in Javascrip Tooltip

[Marco]

Nabend,

ich verwende das Javascript Tooltip von www.walterzorn.de.

Das auch wunderbar Funktioniert. Jedoch habe ich meine Probleme mit dem CSS.
Mein Tooltip befindet sich in einer extra Datei mit folgenden Inhalt:

<a href="javascript:void(0);" onmouseover="Tip('<table class=tablepop>'+  
'<th colspan=2 class=poptablehead>'+  
'DAS IST MEIN TEXT'+  
'</th>'+  
'</table>', ABOVE, false);"onmouseout="UnTip();"><img src="./images/medaillen/mini-GoldStar_1.png" width="34" height="34" /></a>

Ich habe jetzt <table> und <th> eine CLASS zugewiesen.
In meiner CSS Datei habe ich die Klassen auch angelegt.
Jedoch ist es egal, was ich in der CSS Datei stehen habe.
Es verändert sich einfach nichts.

CSS Datei:

.poptablehead {  
background-color: #888888;  
color:#FFFFFF;  
font-size: 11px;  
font-family: verdana,tahoma,helvetica;  
border: 1px  #000000 solid;  
height: 20px;  
text-align: center;  
}  
  
.tablepop {  
background-color: #EEEEEE;  
border: 1px  #000000 solid;  
}

Die CSS Datei habe ich in meine index.php eingebunden.

Aber auch wenn ich die CSS Datei im gleichem Ordner wie meine tolltip.php datei lege und dann in meiner datei noch folgendes einfüge passiert nichts.

<link href="lb.css" rel="stylesheet" type="text/css" />

Die css befindet sich im gleichem ordner wie meine tolltip.php, also kann es daran nicht liegen.

Ich denke es liegt daran, dass das Javascript ja eine eigene config hat. Wo man halt das Style verändern kann. Wie zb. das hier:

config. BorderColor = '#003099'
config. BorderStyle = 'solid'
config. BorderWidth = 1
usw.

Aber wie kann ich jetzt meine eigene CSS Datei für meine Tabelle benutzen?

Das Problem bei mir ist, das ich eine größere Tabelle habe mit mehr Spalten und mehr Zeilen.
Ich möchte einige Tabellen unterschiedlich verschönern :D

Ich hoffe ihr könnt mir bei meinem Problem helfen.

Vielen Dank

Marco