Сергей Карвасарный

.header_layout .first_column {
	display: inline-block;
        vertical-align: top;
	width: 210px;
	height: 100%;
	border: 1px solid #cccccc;
}

Дописыва - vertical-align: top; и будет тебе счастье, да это за display: inline-block;

Конечно не все радужно как хотелось бы) по первых почему у вас по структуре идет блок content а потом Sidebar и как то по турецкому все прижато. Нужно прижимать с лева на права и располагать так же блоки т.е block-left(float:left) потом block-right(float:right), id можно не использовать в таких количествах, сколько не делаю сайтов id уже добрые не юзал, пол года не писал их примерно если не больше, только в очень редких и уникальных случаях. Ты использовал тег HTML5 header, а почему для футера не использовал footer и для меню nav или menu, а также section и acticle - считай основные теги. Ну про отступы даже говорить не буде) можно сделать элементарный paddingi или margin. А респонсив или делать сетку через ботстрап или читай про media only screen and (min-width:320px) - как пример

.main-content у тебя там стоит padding 10 убери и все будет нормально или поставить padding: 0 10px;

все элементарно, я уде отвечал на такой пост, смысл тот же - Здравствуйте, на мобильных устройствах блоки с задним фоном занимают не 100% экрана а примерно 3/4 сайт с фиксированной шириной, как можно исправить? у тебя просто картинки не на всю длину это и в браузере наблюдается не обязательно на андроиде скрин уже не буду кидать.

на вот держи сайт оч просто и без всяких jq и js:)

Мне кажется ul - ol, а по определению это блок и никак не подразумевает список даже в своем названии)

код бы не мешало прикрепить со стилями.