Aligning a Div Tag…

Hello everyone! Let me start by saying, I think that “Aligning Div Tag” is the right way to explain the help I am looking for. Basically, I am simply trying to move the CSP logo (sprite) in the top left of the site to the bottom right.

The site in need of help is; https://www.glamonthegobytara.com

I have had someone help me create this rollover effect in the form of a sprite, by adding the following css to my css style sheet under the Main Layout Info section of the CSS style sheet.

.sprites { background-image : url(/images/index.png);
background-color : transparent; background-repeat : no-repeat; }
#CSP_Logo_Rollover_png { height : 37px; width : 61px; background-position : -0px -37px; }

 #CSP_Logo_Rollover_png:hover { background-position : -0px 0px; }

Then a small amount if “Div tag” code (hence the name of this post) was added to the “Footer.php” file under the templates section of the editor. That code is posted below;

<a href="https://www.chi-sky.com" target="blank"><div class="sprites" id="CSP_Logo_Rollover_png"></div></a>

The whole script for this page including what was there before I added the script from above looks like this;

<?php wp_footer(); ?>
<?php include(TEMPLATEPATH . '/includes/scripts.php'); ?>
<a href="https://www.chi-sky.com" target="blank"><div class="sprites" id="CSP_Logo_Rollover_png"></div></a>
</body>
</html>

Any help would be greatly appreciated. I am still very new to the world of WordPress! Thanks in advance!

-Tim