GeekFromUa

Ну можно на jQuery добавлять класс active и так будете сохранять положения, а при ховере на другой блок удалять везде active и добавлять на текущий блок. Не уверен что можно сделать на чистом css

Скорее всего ваш параграф перекрывает кнопки, надо сделать примерно следующие:

p.laz{
position:relative;
margin: 100px; /*или какой у Вас там отступ*/
z-index:10;
}
div.buttons{
position:relative;
z-index:11;
}

А лучше всего посмотрите в хроме, где какой блок перекрывается, для этого правый клик, инспектировать, и мышкой наводите на блок в коде и оно подсветит его положение

Так Вам надо в процентах или по макету? Понятное дело будет выглядеть по другому! Попробуйте использовать css framework например bootstrap там все идет по колонках и мультиплатформенно! И в основном - главный блок что по центру делают статической ширины!
Если уже надо точно по пикселях то использовал разширения для хрома PerfectPixel