Moving Beyond Tables. Understanding the DIV Part 2

Question

Hello,
Unfortunately I was taught Dreamweaver sorta backwards and have always used tables for layout.  The advantage has been a grid layout where you can move things by sliding the guides around.  It works most of the time, but I am determined to move beyond it.
My Dreamweaver skills are fair at best, and appreciate any input…. please be kind.
Here is the current webpage : http://www.outposticearena.com/
Here is my rough draft (with added animation in banner).http://taffyproductions.com/test/
1) I want to put the two image links (Facebook/Map) ON TOP of the rotating banner as they appear on the current website.  (I want them to appear in the lower right corner and have similar spacing).
How would I do this using divs?
Below is the code for the the links.....
Thanks for any help!!
Gary
<td><a href="http://www.facebook.com/pages/Outpost-Ice-Arenas-CooLLoop/115057262098" target="_blank"><img src="images/facebook.jpg" width="36" height="36"/></td>
    <td><a href="http://maps.google.com/maps?client=safari&oe=UTF-8&ie=UTF-8&q=outpost+ice+arena&fb=1&gl=us &hq=outpost+ice+arena&cid=0,0,14937863903777551798&ei=-UjzT7XRNdGsqAGG0InVAw&ved=0CKoBEPwS MAA&oi=local_group" target="_blank"><img src="images/map.jpg" width="36" height="36" /></td>

Answer 1

Add the highlighted markup to your document
<div class="banner">
    <div id="rotatingbanner">
        <div class="current"><img src="images/banner11.jpgimages/banner.jpg"></div>
        <div><img src="images/banner1.jpg"></div>
        <div><img src="images/banner2.jpg"></div>
        <div><img src="images/banner3.jpg"></div>
        <div><img src="images/banner4.jpg"></div>
        <div><img src="images/banner5.jpg"></div>
        <div><img src="images/banner6.jpg"></div>
        <div><img src="images/banner7.jpg"></div>
        <div><img src="images/banner8.jpg"></div>
        <div><img src="images/banner9.jpg"></div>
        <div><img src="images/banner10.jpg"></div>
        <div><img src="images/banner11.jpg"></div>
    </div>
   <div class="socialicons">          
            <img src="images/facebook.jpg">
            <img src="images/map.jpg">
    </div>
</div>        
Add a few style rules
.banner {
    position: relative;
.socialicons {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 999;
.socialicons img {
    width: 36px;
Adjust the values to suit.