Help with background image synchronization on resized window

message from Barry Koopersmith on 17 Jul 2004

I have a background image behind a scrolling section. When the browser
window is sized smaller to the right (because either a left Favorites,
History or Search bar is opened in Internet Explorer or if the window is
just resized smaller to the right), the background image moves more to
the right than the scrolling section in front of it so it is no longer
aligned. If you open tool bars at the top of the browser screen (such as
Links, Google or Yahoo), the window is sized smaller downward and the
background image moves down in sync with the scrolling section so it
remains aligned.

This is a website that I am changing the layout of (so far, I have only
modified the main page). Here is the link:

http://www.lourdsmusic.com/main-2.htm

This is the code in the "head" section of the webpage that places the
background image:

<style type="text/css">
body {
background : #000 url(images/main_back-narrow.jpg) no-repeat fixed
270px 60px 0px 50px;
margin-top: 10px;
}
</style>

This is the code in a "scrollwindow.css" file that creates the scrolling
section:

#midwindow {
overflow: auto;
position: center;
height: 420px;
width: 600px;
left: 270px;
top: 80px;
}
The section of the page that scrolls is set using this code:

<div id="midwindow">

What do I need to change so that the background image will move to the
right in sync behind the scrolling section when the window gets sized
smaller to the right?

Thanks to anyone who can help me out.

Archived message: Help with background image synchronization on resized window (Macromedia Dreamweaver Web Design)