Центр div ниже div

Question

Здравствуйте и извините за мой плохой английский заранее.

У меня возникли проблемы с некоторым кодом. У меня есть заголовок с фоновым изображением (логотип) - div.

Под этим я имею меню - div. Заголовок имеет ориентацию 770px Предполагается, что меню расположено под заголовком.

Exaple

<div id="header"><div> 
<br> 

<br> 
<div id="menu"> 
<ul> 
    <li><a href="index.php">Forside</a></li> 
    <li><a href="priser.php">Priser</a></li> 
    <li><a href="bestil.php">Bestil/Kontakt</a></li> 
</ul> 
</div> 

• HTML часть.

---

body{ 
background-color:#fff; 
color:#000; 
font-family:verdana; 
font-size:10px; 
background:url('viking.png') left no-repeat; 
} 

a:hover {text-decoration: none;} 
a:link{text-decoration:none; font-family:verdana; font-weight:normal; } 
#header{ 
margin-left: auto; 
margin-right: auto; 
background-image:url('/head.png'); 
width: 770px; 
height: 130px; 
margin-top:-10px; 
} 

#menu{ 
margin-left:auto; 
margin-right:auto; 
margin-top:116px; 
text-align:center; 
width:770px; 
overflow: hidden; 
} 
#menu ul{ 
list-style:none; 
} 
#menu ul li{ 
display: inline-block; 
float: left; 
margin-bottom: 20px; 
} 
#menu ul li a { padding:20px; background: rgba(255,138,30,0.3); text-decoration: none; font: bold 24px Helvetica, Sans-Serif; letter-spacing: -1px; color: #402e16; 

• Полный CSS часть.

Я довольно отчаянный и надеюсь на помощь!

Answer 1

float:left Удалить из вашего #menu ul li

http://jsfiddle.net/bW73N/