Problem 1: You can add a div around the first 3 socks, and another div around the other 3. The style for those two divs would be the same:
| Code: |
| <div style="width:350px;float:left;"> |
Then add a style to your footer to move it where it should be:
| Code: |
| <div id="footer" style="clear:left;"> |
Of course you can put these styles into your style sheet instead. Oh, and add "clear:both;" to your .tables style because IE6 is stupid.
Problem 2: The shift is happening because one page has a scrollbar and the other doesn't. I wouldn't bother trying to change it because nothing is wrong with the position of the pages.