Padding делает папе нервы

Здравствуйте форумчане. Общараюсь с вопросом после нескольки часов поисков.

Итак.

Есть:

* {

	margin: 0;

	padding: 0;

}

html,

body {

	background: url(background.jpg) repeat;

	color: white;

	height: 100%;

}

h1{

	font-size:16pt;

}

h2{

	font-size:14pt;

}

h3{

	font-size:12pt;

}

h4{

	font-size:10pt;

}

h5{

	font-size:8pt;

}

h6{

	font-size:6pt;

}

p{

	font-size:13pt;

	font-family: Arial;

}

#wrap {

	display:table;

	position:relative;

	height: 100%;

	width: 100%;

	top: 0px;

	left: 0px;

}

#menu{

	display:table-cell;

	min-width: 200px;

	width: 200px;

	height: 100%;

	left: 0px;

	background: url(left.jpg) repeat;

	box-shadow: 5px -5px 5px black;

	color: black;

}

.menu_logo{

	background: url('engine.png') no-repeat;

	width: 100%;

	height: 200px;

	position: fixed;

	bottom:-50px;

}

.menu{

	padding-left: 20px;

}

.menu ul{

	list-style-type: none;

}

.menu a{

	text-decoration: none;

	font-size: 16pt;

}

.menu li {

        height: 44px;

        }

.menu li a{

        text-decoration: none;	

        color: #98b8bf;

        display: block;

        padding: 10px 0 10px 10px;

        }



.menu li a:hover {

        color: #FFF;

        padding: 10px 0 10px 15px;

		background-color: rgba(56, 68, 80, 0.8);

        }

.menu li a:active{

		color: black;

        padding: 10px 0 10px 15px;

}

#content {

	margin-bottom: -50px;

	margin-left: 10px;

	height: 100%;

}

.content{

	padding-top: 10px;

	padding-bottom: 60px;

}

#footer {

	position: relative;

	height: 50px;

	margin-bottom: 0px;

	background-color: rgba(255,255,255,0.5);

}

#pages_block{

	width: 100%;

	height: 100%;

	background-color: rgba(255,255,255,0.5);

	border-radius: 15px;

	margin-right: 30px;

}

.pages_block{

	margin-right: 30px;

	margin-left: 30px;

        padding: 130px;

}

}

Собственно паддинг в .pages_block опускает за собой и менюшку, которая расположена в другом блоке. Кто скажет, в чем здесь гвоздь?