Background: I'm creating a family album so to speak. Well, moreso one conglomerate of pictures taken on my mom's birthday. I'm having a bit of trouble with the Javascript but that's not what I'm here for.

URL: Click Oh, and just a little FYI.. Only the Next/Previous functions work currently so the site will be non-responsive to other button clicks.

I finally managed to remove all of the spacing for the body and table so the table aligns to the utmost left corner. However, the way I set up the page there's no starting image to align. Basically, the Javascript is writing the code to the page. So I tried using the div and img selector; neither worked. I tried messing around with classes a bit; still nothing. At this point I figured it has to do with the pixels I set it to. The answer was right in front of me. If the table being aligned to the top left was set to 0 pixels, then 0 pixels for the other would land the image in the same spot. So I have a couple questions I suppose. The first is, am I handling for the image tag that Javascript is drawing or the div tag that's actually coded into my page? The second is, how do I position something to the corner parallel to my frame?

CODE

table {
    font-family: Arial, Verdana, sans-serif;
    font-size: 18px;
    color: blue;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
body{
    background-color: orange;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
img{
    margin-top: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}


The other Javascript file can be seen here.

I'd appreciate any critiques/help! =)