Background image not sliding along with website in IE6 and IE7

Hello,

Here's my question:

I have a sliding navbar on the top of my website, with a sliding button (toggle slide up/down). By default the navbar is closed. When I click to slide down the navbar, the background-image remains fixed, it doesn't slide along with the rest of my page. This is in IE6 & IE7 too

Note that the background-image is applied with background-position from a .gif sprite image (I have all my backgrounds there).

My sliding navbar is normal-positioned, not absolute-positioned or something like that:

HTML:

<div id="slider">my slider content</div>
<div id="wrap>
   my website
</div>

CSS:

body {
    font: 12px/1.25 Arial, Helvetica, sans-serif; 
    color: #000; 
    background: #f2f2f2 url("../images/bgs.gif") repeat-x left -1072px; 
    text-align: center
}

#slider {
    background: #525252 url(/images/slider/slider_bg.gif) 0 100% repeat-x; 
    margin-top: -45px;
}

Anybody has any idea on how to fix this?

Thanks,

Adrian

ansaurus

tags:

views:

answers:

Background image not sliding along with website in IE6 and IE7

related questions