I don't know why you took it out of what you are calling the DIV stuff. It should have worked fine. Did you do a TOTAL refresh of your browser?
Did you put the file in your website in the right folder? I do that all the time. Mess with it on my computer and then think it's all on the server. I thunk myself on the forehead many a time because of little things like that.
Okay, I looked at your site in MSIE and Firefox and probably because I'm not looking for the little nitpicky details, they look the same. If there isn't something there you want to see, then it's not there. I don't know what I'm looking, but I'm trying.
I did run a validation on your site and you have some funky stuff and normal things that need to be cleaned up, which may or may not be giving you the grief. These errors were enough that the CSS Validator wouldn't validate your CSS until the other stuff is fixed. Pain, but has to be done. Part of the sherlock holmes fun of web site design.
Fix these errors and then tell me what is missing. And you seriously might want to reconsider putting the graphic back in the div and out of the body. Not that it will hurt much, but you now have a div that is just sitting there, unless you removed it totally from the site. I tend to keep the
body tag for the most critical things and not for design elements, just to stay clean. I don't think it's a rule or anything. But with the graphic in the background of a div, you can control it much better. The
body tag controls EVERYTHING in your web page, so changing a little bit to make the graphic show up could totally screw your site.