Einen Bereich in der Headergrafik mittels css positionieren

[FONT=&quot]Ich nutze: WordPress 3.0.4
[/FONT]
[FONT=&quot]
[/FONT]
[FONT=&quot]Hallo,[/FONT]
[FONT=&quot]
[/FONT]
[FONT=&quot]ich möchte in einer Header-Hintergrundgrafik ein kleines Viereck mittels css-Positionierung „anklickbar“ machen. Das kleine Viereck erscheint auch, jedoch kann ich es (noch) nicht positionieren. Was habe ich bisher gemacht:[/FONT]
[FONT=&quot]Ich habe eine ID wie folgt angelegt:[/FONT]

[FONT=&quot][/FONT]

#field1 {
    position:absolute;
    right:100;
    top:50;
    display:block;
    width:  20px;
    height:20px;
    background: #ccc;
}
#field1 span {
   position:absolute;
   top:-1000em;
   left:-1000em;
}

[FONT=&quot]In die header.php habe ich folgendes geschrieben:[/FONT]

[FONT=&quot][/FONT]

<a id="field1" href="http://www.heise.de" title="der Link"><span>Link</span></a>

[FONT=&quot]Im Ergebnis sieht man auch das kleine graue Viereck mit dem Link. Allerdings bekomme ich es nicht positioniert. Ziel ist, dass es über dem roten Viereck oben rechts positioniert wird. Irgendetwas Entscheidendes fehlt hier noch. Nur was? Es würde mich freuen, wenn einer eine Idee hat und mir weiter helfen kann. Vielen Dank![/FONT]

[FONT=&quot][/FONT]
[FONT=&quot]Link zum Beispiel:[/FONT]
http://www.bloggerpatenschaften.de/T89/testseite/

Danke,
Offina.

Danke, habe gerade Serverprobleme und kann nicht testen. :-( Melde mich, sobald alles wieder läuft. Danke.

Danke das war´s, hab den Wald vor Lauter Bäumen nicht gesehen. Nun klappt es.