Pavel

на 480px верстка должна стать статической. То есть не проценты, а пиксели должны быть значениями ширины, высоты и т.д. В калькуляторе перегоните из процентов в пиксели. И еще viewport scale на всякий случай посмотрите

кнопка? Пусть кнопкой будет блок div, в котором картинка img и текст. Сделайте стилизацию float: left; display: inline. И просто вешайте onclick событие

пробовали box-sizing для div'ов использовать? Это свойство позволяет по-разному воспринимать ширину объекта. поробуйте border-box

вам нужна кросс-браузерная верстка. Она делается с помощью поддерживаемых во всех браузерах свойствах (сохраните). Для позиционирования элементов, обычно все элементы в плавающем стиле делаются (свойство float) и относительным позиционированием (relative).

Несколько месяцев назад тоже была проблема с макетами. Смотрите в сторону кросс-браузерной верстки, а дальше только опыт - пробуйте, смотрите.

Теперь по делу:
0. Весь контент на сайте можно расположить в Div'e с названием container (чисто символически) и выставить конкретное значение ширины, а чтобы было по центру - margin: 0 auto;
Почему конкретное значение? вы можете делать резиновый сайт, но проще сделать адаптивную верстку с несколькими вариантами (на @ media-queries )

В контейнере:
1. Левое меню вы можете сделать Div и выровнять по левой части (float:left), в который вложите опять же Div'ы, которые будут кнопками.
2. Правая часть ни что иное, как второй Div, в котором расположены другие div (с обязательно одинаковым свойством float). Каждый такой вложенный div является автоматически будет друг под другом. если будет проблема, смотрите в сторону box-sizing.

Это в общем-то основные сведения, чтобы отталкиваться. Вот пример, который я делал сайт

Если меняешь размер окна, шрифт остается таким же. Но это не значит, что шрифт не меняет размер. Дело в том, что шрифт вычисляется из значения размера экрана. Если запустить веб-страничку на другом мониторе с другим разрешением, шрифт должен измениться.

Приведу свой пример. Делал адаптивную верстку и использовал инструменты firefox "Адаптивный дизайн". С помощью этого инструмента можно изменять размер окна сайта, но размер экрана монитора изменять нельзя. Поэтому шрифты оставались большими, когда остальные элементы подстраивались. Позже я залил на хостинг этот сайт и открыл в смартфоне - шрифты отображались отлично )

Скорее всего, нет, так как парсер читает файл сверху вниз. Попробуйте по порядку желаемой загрузки разместить элементы в html коде