[HTML/CSS]Pozycja div na drugim

#Menu
{
float: left;
min-width:1000px;
}

#Menu ul, ul li
{
display: block;
list-style: none;
padding: 0;
margin:0;
}

#Menu ul
{
list-style-type:none;
padding:0;
margin:0;
min-width: 1000px;
font-size:18px;
height:2em;
line-height:16em;
text-align:center;
}

#Menu ul > li
{
float:left;
margin: 10px;
}

#Menu  a {
text-decoration: none;
background: url("img/KWADRAT2.png");
color: #585858;
display: block;
width: 164px;
height:300px;
background-repeat: no-repeat;
}

#Menu ul > li > a:hover {
background: url("img/KWADRATUSE2.png");
}

<div id = "BgMenu">
<div id = "Menu">
<ul>
<li><a href = "#">O MNIE</li></a>
<li><a href = "#">PORADNIKI</li></a>
<li><a href = "#">REGULAMIN</li></a>
<li><a href = "#">KONTAKT</li></a>
<li><a href = "#">GALERIA</li></a>
</ul>
</div>
</div>

#BgMenu > #Menu
{

background-color: #363636;
width: 920px;
height:188px;
margin-left: auto ;
margin-right: auto ;
margin-bottom: 120px;
}