Меню позиционирования в CSS

Question

У меня возникли некоторые проблемы с CSS на этом общедоступном веб-сайте Sharepoint 2013. Меню должно быть прямо поверх изображения заголовка, но в Firefox оба макета страниц с только заголовком и макетами страниц с заголовком и изображением располагаются рядом с меню, а не ниже.

В IE и Chrome есть только макеты страниц, которые имеют заголовок, но изображение заголовка не испортится.

https://globalintranet-web.sharepoint.com/sandbox/Pages/Positive%20Impact/Environment.aspx

https://globalintranet-web.sharepoint.com/sandbox/Pages/News/News-from-Global-Gateways.aspx

Answer 1

.logo{float:left;} 

и уменьшить ширину ul.dropdown

и не забудьте добавить ясно: как после ul.dropdown

Answer 2

.logo{float:left;} 

поставил ul.dropdown в данный ДИВ

<div style="float:left" class="navication"> 
    your ul.dropdown 
</div> 

CSS

ul.dropdown 
{ 
    float: left; 
    position: absolute; 
} 

уменьшить ul.dropdown с