To place your float behind your content (great for layering and larger floats that cover content and great for the top and bottom floats): Find z-index:1; and change it to z-index:-1;

To move your floats up and down: Find any of these codes and add a - to move the float beyond the page limits so that it moves away from your content and clips/crops. top:0px; bottom:0px; left:0px; right:0px; EXAMPLE: right:0px; would become right:-20px; moving the image negative 20 pixels to the right.

To resize a float easily: Every image float should be able to be resized with coding without blurring. See below.

Resizing decorative floats: This is only for the single image or decorative floats. Find the image code like this img src="http://i112.photobucket.com/albums/n181/behindtheeyes7/foot/bbobf1.png" style="position: fixed; and add this code width:100px; height:auto; into the style="position: fixed; portion to become like this img src="http://i112.photobucket.com/albums/n181/behindtheeyes7/foot/bbobf1.png" style="position: fixed; width:100px; height:auto; Now you can adjust the width and the height will auto adjust. You can also flip that code and use width:auto; height:100px; and that will adjust the height and the width will auto adjust.

SINGLE IMAGES:
The width of most single images is 996px, so thats the width you want your #main to be for it to look perfectly aligned. Single images are to be used with centered layouts to look like they are stuck inside the layout. An example is to preview one with the basic neopets layout.

Be sure to watch the quotations and dont remove them on the code your editing, the above may not have the proper amount of quotations because of filters on petpages. If you need any clarification or help please mail Fly anytime. If you feel that any of the top & bottom floats need to be resized you can mail me and I can work on a smaller version if I feel like its worth the time or if I have the time. :)