Thumbnails below...
Switch to Code View.
Locate the p7GSvpW3 DIV.
Place your cursor inside the DIV tag, as depicted in the screen capture above.
Look for the <div#p7GSvpW3> tag on Dreamweaver's Tag Selector bar along the bottom of your code window (just above the Property Inspector).
Click the <div#p7GSvpW3> tag on the Tag Selector bar.
The entire DIV will highlight.
Choose Edit - Cut.
Locate the p7GSah DIV.
Make a new line just below p7GSah.
Choose Edit - Paste.
The p7GSvpW3 DIV code is pasted in below the p7GSah DIV.
Fixing IE Windows
Make a new line just above your closing </head> tag.
Enter the following IE Conditional Comment
<!--[if lte IE 6]>
<style type="text/css">
#p7GSvpW3 {height: 1%;}
</style>
<![endif]-->
If your images are different heights and you want the thumbnail row to not move, set your fullsize image DIV to a height based on the tallest fullsize image in your gallery + 20px to accomdate padding values. You'll also need to set it to display as a block. For example, if your tallest image is 400px, then set the height of "p7GSfs" to 420px:
#p7GSfs {
height: 420px;
display: block;
}
That's it.
Preview your page.
Note: if you would also like to move the thumbnail row navigator, locate its DIV in your source code:
Move this DIV below the thumbnails DIVs you moved in the previous steps.