Помогите разобраться с боковым меню

Всем доброго времени суток. У меня возникла такая проблема - боковое меню наезжает на контент и закрывает его. Подскажите, пожалуйста - как это можно исправить?

Вот код:

*{

margin:0 auto;

padding:0 auto;

outline:none;

}



html{

background:#333;

color:#333;

width:100%;

height:100%;

}



body{

min-width:900px;

width:90%;

background:#fff;

float:center;

}



.head{

font-size:35px;

font-weight:bold;

text-align:center;

color:#BCFDFE;

background:#333;

width:absolute;

height:415px;

margin:5px 0px;

}



#menu{

height:50px;

background:#BCFDFE;

margin:5px 0px;

font-size:13px;

font-weight:bold;

text-align:center;

padding:7px 0px 9px 0px;

color:#FFF;

}

#menu li{

list-style-type:none;

}

#menu a{

color:#FFF;

margin:0px 6px;

}



#menu ul li a:hover{

background:#333;

color:#FFF;

}

#menu ul li {

float:left;

position: relative;

}

#menu ul li a{

color:#000000;

padding:0 10px;

font-family: "Cuprum", sans-serif;

text-decoration:none;

line-height:50px; 

display:block;

height:50px;

}

#menu .dropdown {

position: absolute;

top:100%;

width: 150px;

background:#BCFDFE;

display:none;

}

#menu li:hover .dropdown{

display:block;

}

#menu .dropdown li {

width:150px;

height:50px;

}

#menu .dropdown li a{

line-height:50px;

height:50px;

}

.content{

height:450px;

margin:5px 0px;

padding:10px 20px;

display:table;

}



.menu_left{

float:left;

width:150px;

background:#333;

height:400px;

position: absolute;

left: 100px;

top: 535px;

}



.menu_right{

float:right;

width:150px;

background:#333;

height:400px;

position: absolute;

right: 100px;

top: 535px;

}



.content_center{

height:450px;

float:center;

display:table;

padding:0px 15px;

display:inline-block;

}



.footer{

background:#333;

height:80px;

margin:5px 0px;

text-align:left;

color:#BCFDFE;

padding:20px 0 0 0;

}

Вот как это выглядит в браузере:

" />