Съезжает футер и некорректно отображается меню

[Marla]

Верстаю свой первый сайт И вот возникли проблемы, помогите пожалуйста разобраться.

Что не получается:

1. Футер при уменьшении окна брузера съезжает влево (если его поместить в контейнер #maket, то съезжать не будет, но и не будет привязан к низу окна). Собственно вопрос: как сделать, чтобы футер не съезжал влево экрана и при этом был прижат к низу окна барузера?

2. Меню. В общем оно нормальное получилось, но чтобы выбранная вкладка показывалась как "выбранная" (т.е. сама вкладка больше неактивных размером и border-bottom = цвету фона) в мозилле приходится как бы потянуть вниз вкладку, а в IE & хроме вообще ничего не происходит, и владка активная не выделяется как надо. Вопрос: как исправить?

прилагаю css и html одной странички для примера

всем спасибо, кто посмотрит и подскажет, как надо.

добавляю для наглядности скриншоты ( как съезжает футер и как Правильно должна выглядеть активная вкладка меню)

http://img13.imageshost.ru/img/2012/...0ff71c92e6.jpg

http://img13.imageshost.ru/img/2012/...0ffa722acc.jpg

[cherepushka]

Да простят меня профессионалы, но если поможет то пошлите смайлик. А если нет, то уважаемые профессионалы не пишите комментарии по поводу серого вещества в моем черепе.
1.Вопрос <div class="footer">2015 year</div>
css .footer{
position:fixed;
bottom:0px;
left:50px; или сколько у вас должно быть
width:50%; ваша ширина
height:20px;
padding-bottom:5px;
}
2.не понял вкладку тянуть.

[Naive]

1. По опыту могу сказать, что так не делают, верстка должна придерживаться жесткой сетке. То есть если появляется горизонтальный скроллинг, то дальнейшее уменьшение страницы никак не должно влиять на верстку. Но если очень надо, то:
- содержимое футера вынесите в отдельный блок вниз страницы и для него пропишите

position:absolute;
left:50%;
width:100px;
margin-left:-50px;

и по-вкусу настройте отрицательный margin-top;
- блоку, в котором раньше находился футер нужно будет задать статичную высоту;
- если футер будет не виден, то ему нужно будет настроить position:relative.
если нужна прибивка не к низу страницы, а к низу окна браузера (скроллится при прокрутке) то position:absolute; меняем на position:fixed и вместо margin-top настраиваете свойство bottom.
2. Для активного элемента можно поставить position:relative; и немного сместить вниз, при этом добавив вертикального padding.