I'm going crazy trying to add two text boxes and and Iframe to a site. I have added them so that they look fine in a normal window but if you shrink the viewing window or have a lower screen res then the text boxes move.
To see what I mean, please view http://www.goosehill-holidaycottages.co.uk
NOT AN ADVERT by the way just a guy in real distress. If you shrink the window size the text at the bottom and the flickr I frame don't move with the rest of the page.

Any help will be appreciated.

change your position styles that are set to "absolute" to "relative". You may have to do some positioning adjustments but at least they will match the rest of the page when you shrink or maximize.

but if you shrink the viewing window or have a lower screen res then the text boxes move.

Wrong way around. The boxes DON'T move with the rest of the elements.

position:absolute means exactly that! The elements stay absolutely in that same position regardless of browser window size.

You need to get rid of the positioning anyway, it's simply not necessary. Learn to use the normal document flow, along with floats, and positioning only becomes occasionally necessary.

Also get rid of the tables - that nav can be done easily with an unordered list, no reason for it to be stuck in a table.

Thanks you all for your speedy replies. I shall have a go at your suggestions. Very much appreciated.