Александр Хиренко

А CSS media queries Вам не подходят?

#button_up {
position: fixed;
right:0;
bottom:0;
}

Можно как-то так:
jsfiddle.net/y5qytwxt

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

Если я правильно понял, в чем проблема то вместо:
margin-left: 10px;
используйте что-то вроде:
border-left:#FFF 10px solid;
в :hover

У тостера чекбоксы. Могли бы и сами в исходный код заглянуть и посмотреть.
Вот пример:
jsfiddle.net/jQg28

Как-то так:
jsfiddle.net/hxAB9

Тут смотрели?
https://www.google.com/fonts

Вы что-то подобное имеете ввиду?
stickyjs.com

Вот пример на jQuery:
jsfiddle.net/B4NJs

Вы сами себе придумайте задание, чтобы Вам было интересно. Задайтесь целью. Подумайте, что бы Вы всегда хотели сделать и начните это реализовывать, так Вам будет на много интересней чем выполнять дурацкие тесты.

jsfiddle.net/3DDhq

Никакого преступления здесь нет.
display: table-cell часто используют для вертикального выравнивания блоков.

К сожалению, на CSS2 решения я не придумал.
На CSS3 это решается с помощью flex

Так?
jsfiddle.net/4Ht3z/1

Вы меня прям заинтересовали:)
Вот как-то так:
jsfiddle.net/Kaqn8/1

Только тут используется CSS3 добавьте префиксы для разных браузеров в border-radius