PlanetAlexander

I know what your saying, I had it like that to try and position it in that location - it worked, untill the weird thing happened when the div won't move. It's been a while since I have used HTML and CSS, so not all properties are fresh in my mind. Thank you to everyone who has helped so far.

Eventually, I will be using the z-index to put the slideshow div at the back. I had used this before on the same div, but I am not using it untill I can get the position: fixed working (Unless I need to use the z-index to get it to work).

The slideshow div is not a child of anything, except the body tag.

I know there are a lot of topics out there about the CSS position: fixed not working, but those solutions do not work for me. Here is the CSS code: #slideshow{ height: 200px; width: 1308px; background-color: #dbdbdb; top: 800px; left: -100px; border-style: solid; border-color: #b0adb0; border-width: 03px; position: fixed; } In the screenshot (slideshowDIVhidden), the div is supposed to show up between the very top box and the two bottom boxes, while still being still relative to the viewport. When it is hidden, this is because the position: fixed; code is on. The slideshowDIVshown is what it