Popup mit CSS? Code entschlacken?

[Thomas Taubert]

Hallo,
ich erzeuge mittels CSS ein Popup Fenster zur näheren Beschreibung.
Ich verwende dieses Popup auf ein und derselben Seite öfters, ändere aber immer nur die Positionsangabe um 15px.
Gibt es eine Möglichkeit den Code zu entschlacken, damit ich den unveränderten Code nicht immer wieder neu aufführen muss?

Code-Beispiel
<title>books</title>
<style type="text/css">
.popup-01 a span { display: none; }
.popup-02 a span { display: none; }
...

.popup-01 a:hover span { display: block; text-decoration: none; position: absolute; top: 190px; left: 220px; width: 550px; padding: 2px; background: #efefef; border: 1px solid #666; z-index: 1; }

.popup-02 a:hover span { display: block; text-decoration: none; position: absolute; top: 205px; left: 220px; width: 550px; padding: 2px; background: #efefef; border: 1px solid #666; z-index: 1; }

...

</style>
</head>

...
<td class="popup-01">Text<a href="#"><img src="bild.gif" alt="" width="20" height="14" border="0" align="top"><span>Text</span></a>

---------------
Danke im Voraus
Thomas Taubert