variable Position mit CSS

[Lacheiner]

Hallo CSS-Experten!

Ich möchte mit Hilfe von CSS Tooltips erstellen:

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}

Ich habe jedoch folgendes Problem: wird der Tooltip von einem Link aus, der sich in der Nähe des Fensterrandes befindet aufgerufen, wird er nur mehr zum Teil angezeigt. Gibt es eine Möglichkeit zu erkennen wie viel Platz noch bis zum Fensterrand ist und falls zu wenig Platz ist die Position des Tooltips zu ändern?

Nach dem ich nicht glaube dass das möglich ist(CSS ist ja keine Programmiersprache) - habt ihr eine andere Lösung für das Problem? JS?

Danke für eure Hinweise.

Ingo