ANGEL Community Hub

I'm looking for some help with CSS coded pages in ANGEL. I'm relatively new to CSS and have been pleasantly surprised that ANGEL can play well with CSS pages. (I'm working in a test ANGEL group called "Kent's Sandbox.")

Here's a link to the archive (http://www.personal.psu.edu/kkm11/files/css_angel_example.zip) of the very simple site I'm working with.

I know ANGEL can display my CSS properly. I uploaded the archive and this what I see (right-click to view a full-size version of the images):

However when I copy the code into the settings of a folder and upload the accompanying files via the "Associated File Manager" under the "Utilities" menu, I loose the background image:

In addition to losing the background image, the text flows into the folder contents listing.

I know the process of using the Associated File Manager for uploading associated pages to the code in the Settings area of a folder does work. I've used it to upload Spry elements for another project and the collapsible tables worked great.

The odd thing is that when I click on the Settings link of the folder I've created, the WYSIWYG editor properly displays the CSS!

Any help getting the image to show properly and getting the page to paginate properly above the items stored in the folder would be greatly appreciated!