Menu dynamique qui fait tout bouger

Bonjour à tous,
J'ai un menu dynamique qui est vertical, mais quand il se déroule, il décale tout ce qui est en dessous.
Voici mon code css:

#menu {

	margin: 0;

	padding: 0;

	min-height: 438px;

	text-align: left;

	color: #FFF;

}

 
*html #menu {

	height: 400px;

}

 
.titremenu {

	margin: 15px 0 10px 0;

	padding: 0;

	text-align: center;

	line-height: 140%;

	width: 100%;

	float: left;

	font-size: 16px;

	color: #FF0;

	font-weight: bold;

	background: #888;

}

 
#menu ul {

	margin: 0px 0 10px 0px;

	padding: 0;

}

 
#menu ul li {

	margin: 0 0 5px 5px;

	padding: 0;

	width: 100%;

	line-height: 130%;

	float: left;

	list-style-type: none;

	display: block;

	font-weight: bold;

}

 
#menu ul li ul {

	margin: 0;

	pdding: 0;

	display: none;

}

 
#menu ul li:hover ul {

	margin: 0px 0 0 5px;

	padding: 0;

	display: block;

}

 
#menu ul li ul li {

	margin: 0;

	padding: 0;

	line-height: 130%;

	list-style-type: none;

	display: inline;

	font-weight: normal;

}

 
#menu ul li ul li a, #menu ul li ul li a:visited {

	color: #FFF;

}

 
#menu a, #menu a:active, #menu a:visited {

	margin: 0 0 0 -5px;

	padding: 0 5px 0 10px;

	width: 90%;

	line-height: 140%;

	display: block;

	text-decoration: none;

	color: #FFF;

}

 
#menu a:hover {

	background: #3B6C96;

}

Merci de m'aider à faire en sorte que le menu se déroule au-dessus de ce qu'il y a dessous.