[css] pozycjonowanie elementu w divie Opcje

[bjera]

witam
chciałbym wypozycjonować element (konkretnie obrazek) w divie. Powiedzmy że mamy diva wycentrowanego względem głównej strony, o wymiarach 500x500 (obramowanie dodane by zobaczyc efekt):

CODE

#mainBox {
margin: 0 auto 0 auto;
width: 500px;
height: 500px;
border-style: solid;
}

i teraz chcę zrobić tak, że w tym divie mamy nagłówek h1 zaczynajacy sie od lewej strony i w tej samej lini mam obrazek, jednak on znajduje sie maksymalnie z prawej strony (z prawej strony div'a a nie okna przegladarki). Próbowałem na wiele sposobów i nic. Wg jednego z lepszych kursów CSS na jakiego trafiłem (w jezyku polskim) pisze, by używć pozycjonowania absolute:

Kod dla powyzszego diva mialby zadzialac

CODE

img {
position: absolute;
right: 1px;
}

<!-- kod html -->
<div id="mainBox">
<img src="obrazek.jpg" />
</div>

no i obrazek powinien byc o 1 px od prawej sciany diva, a jest o 1px z prawej strony calego okna.
Nie wiem jak z tym sobie poradzić tym bardziej, że chciałbym aby obrazek był w jednej linii z nagłówkiem. (P.S: czy takie zagnieżdżanie jest prawidłowe? <h1>naglowek<img src="zrodlo.rozszerzenie" /></h1>)

pod adresem jest strona, nad która pracuje:

CODE

http://www.promax.media.pl/~kuuuba/website/index.php

na której możecie zobaczyć o co mi dokładnie chodzi
(na tej stronece jest tak jak powinno być, ale jest to zrobione "na jana", inna rozdzielczość niż moja(1280x800) i wyglada to niepożądanie )