position of images are wrong in animated photo banner

Question

I am using this animated banner in my website.

Now I've copied the exact code from the tutorial but for some reason in my version the images seemed to be placed at the bottom of the table and cut off instead of as in the example. I've tried a number of possible solutions but either I've done them in the wrong place or they just don't work.

Normally I would add in the code but in this case (as you'll see from view page source) it's too long to post.

Any help will be appreciated

Answer 1

Well, I just opened Chrome Inspector changed few css properties and it worked. Here they are...

.photobanner 
{
    height: 232px;
    width: 984px;
}
#container2 
{
    width: 748px;
    overflow: hidden;
    margin: 50px auto;
    background: white;
}

I guess this would work.Tested in chrome..try your self with other browser and you should reduce margin of <h1> tag