div problem

[Stephen]

Im having problem with a div hierarchy - see image below.

http://img395.imageshack.us/img395/6128/sdgsdgsdgsdgsdgsd6pd.th.png (http://img395.imageshack.us/my.php?image=sdgsdgsdgsdgsdgsd6pd.png)

Usually I would nest th banner div in a container div and it would be fine. However because this banner is a gif my intentions are to slightly overlap it over the container div.

My desired look would be similar as shown in the image below:

http://img398.imageshack.us/img398/1084/dfgdfgfdg7qo.th.png (http://img398.imageshack.us/my.php?image=dfgdfgfdg7qo.png)

If i place this image in the container div it does not overlap because obviously it stays in side the container. I then tried having the banner div before the container div which also didnt work because it just pushed the conainter div downward and there was a gap as shown in the first image.

All suggestions welcome

Regards,

Stephen

[blain]

Rather than overlapping DIV's why not chop the bottom off the map and make it the background of the div below it.

make sense?