Hallo,
Ich bin mir nicht sicher, ob ich verstanden habe, was Du vorhast.
Du hast dieses große Bild (home.jpg), richtig? Und du möchtest jetzt andere DIVs daran oder darin ausrichten.

Also fangen wir mal so an.
Du baust zuerst ein Div mit deinem home.jpg. Vielleicht zentriert, das geht mit margin: auto.

<style type="text/css">
#home {width: 733px; height: 550px; background-image: url(home.jpg)}
</style>

<div id="hom"></div>

Sodale. Jetzt möchtest Du irgendwas INNERHALB dieses Home-Divs definieren (obs ein Bild oder Text ist ist mal völlig egal). Meinetwegen ungefähr in die Mitte von dem Ding ein farbiges Textfeld.

Wir weritern den Style:

<style type="text/css">
#home {width: 733px; height: 550px; background-image: url(home.jpg)}
#farbfeld {position: relative; background-color: yellow; left: 366px; top: 275px; }

</style>

und schreiben dann

<div id="home">
   <div id="farbfeld">Dies ist ein Farbfeld. Hier könnte auch ein Bild stehen:
   <img src="irgendeinbild.jpg">

</div>
</div>

Oder aber du willst, dass sich das Farbfeld rechts von deinem home-Div befindet, dann könntest du sowas machen:

#home {width: 733px; height: 550px; background-image: url(home.jpg); float: left;}
#farbfeld {background-color: yellow;}

<div id="home">
</div>
<div id="farbfeld">Dies ist ein Farbfeld</div>

und, und, und....