Div Background issues

Alright, even though i’ve done this fine in the past i’ve just come across one wierd side effect of having a fixed background in a div tag with overflow set to auto.
In Internet Explorer it appears fine, who woulda thought, and in Firefox it apears as a approx. 100px by 200px image that ‘jiggles’ when you scroll in the div.
Here is the link:

http://www.brokenhomerecords.com/events/

Here is the css:

#left {
background-image:url("../Images/Events_Images/events_left.jpg");
background-repeat:no-repeat;
background-attachment:fixed;
overflow:auto;
width:350px;
height:410px;
}
#right {
width:350px;
height:410px;
background-image:url("../Images/Events_Images/events_right.jpg");
background-repeat:no-repeat;
}

Also i was wondering if there was a way to change the side the scroll bar was on, from the right to the left side of the div.