jordan needs help on div layers, gaaaaaaaaaaah! Options

ok, ONE layer with the image map
and this other layer with a simple picture

see, i moved the layer with the img map to the right side by using margin-right, and now i want the OTHER layer (which is just a picture), on the left side of the layer with the img map. well when i putted them together it ended up that the layer with the img map is on the top right somewhere, and the layer with the simple picture is on the bottom left of that img map layer. see, i dont want these two layers seperated, i want them on the same row.

CODE

<!-- begin code provided by createblog.com -->
<div id=layer1 style="position:absolute; margin-left: -500px;"><img src="
simple image here"></div>

</img><div id=layer1 style="position:absolute; margin-right: 580px;">
big image map here
</map></div>
<!-- end code provided by createblog.com -->

thats sort of what i have there

so ONE is on the top and the OTHER ONE is on the bottom, i want to merge these two together on to the same row.....

[whomps]

Example?

[TrannieL]

I dont that was the right code... Take off the </img> If it's not working,I need to see an example.

<div id=layer1 style="position:absolute; margin-left: -500px;"><img src="
simple image here"></div>

<div id=layer1 style="position:absolute; margin-right: 580px;">
big image map here
</map></div>

- Tran -