Absolutes Positionieren – in Bezug auf das Browser-Fenster

ich bin ein DIV, das absolut gesetzt ist; dadurch klebe ich immer am rechten, oberen Rand des browser-Fensters
/* 
Position des Divs absolut gesetzt 
OHNE ein übergeordnetes Element zu definieren
*/
div#absolutPosition_1 {
	width:98px; 				/* die Breitenangabe ist sehr wichtig! */
	position:absolute;
	right:0; 					/* immer am rechten Rand */
	top:5px;
	border:1px solid #ccc;
	background-color:#eee;
	font-size:85%;
	padding:10px
}

Absolutes Positionieren – in Bezug auf das übergeordnete Element

Mea modo ridens ocurreret cu.

/* 
Position des "Eltern-Divs" relativ gesetzt 
*/
div#elternElement {position:relative;}

/* 
Position des Bildes absolut gesetzt 
*/
p.absolute img {
	position:absolute;
	top:-23px; 				/* negativ zum höher-ziehen */
	right:-23px; 		 		/* negativ zum raus-ziehen */
	border:1px solid #ccc;
	opacity:0.7; 				/* ein bisschen transparent, damit man den HG sieht */
}

Beachtet bitte, wie das Elternelement niedriger wird als das Bild, das es enthält! Durch das Absolut-Setzen eines Elements wird dieses komplett aus dem normalen "Dokumenten-Fluss" genommen!