Смещение картинок,таблицы ,текста

Я сверстал страницу,подгонял изображения на нужное мне место с помощью <div style="margin-left:%;margin-top:%"> и тд,таблица с текстом тоже в отдельном слое <div>,как и все остальное.

Но теперь в итоге появилась такая проблема - если в браузере смотришь эту страницу,

а потом уменьшаешь окно браузера,так ,чтобы стр не была видно целиком,то все части страницы смешаются вслед за границей браузера

и вообщем все в кашу.

Как сделать так чтобы все элементы не реагировали на размер окна браузера?

И еще вопрос - почему в IE изображения PNG обводятся синим прямоугольником по краям,хотя края у изображений меньше.

спасибо