Absolute Positionierung mit CSS

Hallo zusammen,

ich habe auf ALLES BANANE einen Stern platziert. Er soll einen Teil des wordpress blogs überdecken und zum Teil über die rechte Seite hinausragen (also über den schwarzen Hintergrund)

#button {
background: url('images/button.png') no-repeat top left;
position: absolute;
top: 100px;
left: 1025px;
width: 200px;
height: 200px;
z-index: 3;
}

Wird auf meinem macbook im firefox 3.0 und safari richtig angezeigt, jedoch auf anderen PC oder Browsern ist der Stern zu weit rechts und ganz über dem Hintergrund. auch wenn ich das browserfenster größer mache und horizontal scrolle bleibt der stern auf seiner position, der rest bewegt sich.

danke für einen hinweis
guido

Hallo marX,

danke für Dein Feedback. Ich habe nun ff. versucht.

#button {
background: url('images/button.png') no-repeat top left;
position: relative;
top: 100px;
left: 700px;
width: 200px;
height: 200px;
z-index: 3;
}

wie genau muss ich in der header.php <div id="button"> einbinden. habe verschiedene versionen versucht, mein layout wird meist zerhackt oder ein abstand nach oben erzeugt.

<div id="outer">
<div id="upbg"></div>
<div id="inner">
<div id="header">

danke für einen hinweis

hi du,

ich glaub es ist korrekt. Zumindest schaut's danach aus:

#button {
background: url('images/button.png') no-repeat;
position: absolute;
top: 100px;
left: 700px;
width: 200px;
height: 200px;
z-index: 3;
}

in der header.php:

<div id="outer">
[COLOR=Red] <div id="button"></div>[/COLOR]
<div id="upbg"></div>
<div id="inner">
<div id="header">

korrekt?

super, danke an Euch! :-)