До этого делал с помощью фиксированной верстки (px). Были проблемы с кроссбраузерностью. Изменил на резиновую (%), проблемы исчезли, но появилась другая проблема - при изменении масштаба, вся структура сайта меняется в худшую сторону. Элементы садятся друг на друга.
Как посоветуете решить эту проблему?
У меня есть идея написать скрипт на JS, который будет изменять процентное соотношение элементов при изменении процентного соотношения масштаба. Это возможно, но на это нужно определенное время.
Есть более легкие и быстрые варианты?

Проще почитать про такие темы, как float:left |right, clear:both, margin: 0 auto, position:relative |absolute, разница между строковыми и блочными элементами DOM и зачем нужен доктайп. Наконец, погуглить, как верстаются типовые шаблоны в 1,2 и 3 колонки.

http://htmlbook.ru/css
http://htmlbook.ru/layout

_____________

echo '<pre>',print_r($var, 1);die;

root@server# make love && war

Я в принципе это знаю, проблема была немного в другом.
Я решил ее секунд за 10.
Но спасибо за помощь все равно.