I can't figure out why my background image doesn't appear in IE9, in the header.

#topsection{
background-image: url(test_banner2.jpg);
height: 160px; /*Height of top section*/
background-repeat:no-repeat;
background-attachment:scroll;
background-position:left top;
}

<div id="topsection">
<img src="right_float3.jpg"
height="160" width="219" alt="" id="right"  border="0px"/>
</div>

I am trying it here:
http://thesweetwatercabin.com/about_us_test.html

It looks fine to me, in both Chrome and IE 9.

Try removing everything you don't need:

#topsection{
background:transparent url('test_banner2.jpg') no-repeat left top;
height:160px;
}
#right{float:right}

<div id="topsection">
<img src="right_float3.jpg" alt="" id="right" />
</div>

But, like lizciz said, it works fine for me, in both Chrome, FF, and IE9. I don't know though, this is about as small as you can make the code.

Maybe you have compatibility mode enabled on IE? If not, try clearing the cache, sometimes that can fix the weirdest of errors.

Minimizing code/shorthand is good practice, do not forget to reload the page. Also ensure your browser is set to view images (can happen).

Try a browser tester like netrenderer.com in the future if you feel you are going "crazy".

For the future, check out online resources like the Smashing Network or Elated to help take your coding to the next level.

All the best.

Physicsguy,
I tried the whittled down code and it didn't work. But thanks!

An apology to all:
It is IE8 on Windows 7 that is not showing the images.
Also, it is my workplace's computer. I have tried loosening all security restrictions and it still won't display the header image. Other jpeg images are displayed fine.

The only thing I can think of is, as has already been mentioned, that the page is cached. Have you tried clearing your cache, or at least updating the page? Try adding some changes to both the page itself and the css document, and see if it shows.