Выпадающее меню в CSS работает некорректно ⇐ Php

[Anonymous]

Я создал шаблон Joomla, но раскрывающееся меню открывается неправильно. Он смещает мой контент вниз, а не перемещается по тексту.
Мой CSS:
.main_menu
{
margin-top: 0px;
margin-bottom: 10px;
text-align: center;
}
.main_menu ul
{
margin: 0px;
list-style: none;
display: inline-block;
}
.main_menu li
{
margin-right: 5px;
width: 100px;
text-align: center;
display: inline-block;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 1px solid #000000;
}

.nav-child li
{
display: none;
}

.main_menu ul:hover .nav-child li
{
display: inline-block;
}

Мой index.php (автоматически созданный joomla):

• Home
• Project
• PartnersCzech Republic
• Belgium
• Germany
• Iceland
• Norway

[*]Meetings

• 10. - 14.09.2014 Czech Republic
• 11. - 13.12.2014 Belgium
• 19. - 21.03.2015 Germany
• 25.08 - 31.08.2015 Iceland
• 26. - 28.11.2015 Czech Republic
• 10. - 13.03.2016 Norway
• 22. - 29.05.2016 Belgium

[*]Activities[*]Press[*]Downloads[*]Contacts



Подробнее здесь: https://stackoverflow.com/questions/287 ... -correctly