CSS-Element auf einer Seite

Hallo,
ich habe eine maximale Containerbreite von 1500 px eingestellt. Nun möchte ich aber auf einer Seite ein Element setzten das immer, egal welche maximale Breite angegeben ist am rechten Rand steht.
Das Element soll ca. 50 px breit und 150 Pixel hoch sein.

Derzeit sieht mein Code so aus:

.seitenbox {
background-color: #ccc;
width: 50px;
height: 150px;
right: 0;
top: 300px;
}

Ausgabe: <div class="seitenbox">Inhalt</div>

An sich geht das, nur wenn ich das auf der Startseite wo es auch hin soll einsetze liegt es am rechten Rand des Inhalts und nicht am rechten Bildschirmrand.
Wo muss denn nun dieser Code hin, damit er immer ganz rechts steht?

 

.seitenbox {
background-color: #ccc;
width: 50px;
height: 150px;
right: 0;
top: 300px;
position: absolute;
}

Habe das mit hinzugefügt, aber ändert nichts daran, das es am Containerinhalt rechts hängt und nicht an der rechten Bildschirmseite.