Выравнивание выпадающего меню CSS

Question

В настоящее время я работаю над открытым многопрофильным раскрывающимся меню css, и я не могу на всю жизнь выяснить, как получить раскрывающееся меню для автоматического выравнивания слева от родительского меню ,

Вот скриншот

Вот устанавливаемыми сотовыми

/*---------HEADER MENU---------*/ 
#header .content ul.menu li ul{ 
    display: none; 
    margin: 0; 
    float: left; 
    padding: 0; 
    position: absolute; 
    z-index: 200; 
} 
#header .content ul.menu li ul li{ 
position: relative; 
top: 20px; 
margin: 0; 
} 
#header .content ul.menu li:hover > ul{ 
display: inline; 
float: left; 
width: 125px; 
} 

#header .content ul.menu li ul li li{ 
width: 125px; 
float: left; 
position: absolute;} 

/*---------VISITORS MENU---------*/ 
#block-menu-menu-visitors .content ul.menu{ 
    z-index: 200; 
} 
#block-menu-menu-visitors .content ul.menu li{ 
padding: 2px 15px 2px 15px; 
display: inline-block; 
float: left; 
background-color: #ffff90; 
} 

#block-menu-menu-visitors .content ul.menu li:hover{ 
padding: 2px 15px 2px 15px; 
float: left; 
display: inline-block; 
background-color: #ffffaa; 
} 

Вот это HTML/PHP

Это ставит любой элемент, который «заголовок» У меня есть (который в данном случае является меню) прямо в разделе главного меню.

Любая помощь или толчок в правильном направлении поможет! Спасибо

Answer 1

Я думаю ...

#header .content ul.menu li:hover > ul{ 
display: block; 
float: left; 
width: 125px; 
} 

может работать. Если не добавить html, и я могу дать вам правильный ответ. Бен.

Answer 2

Я бы начал с попытки добавить list-style-type: none;, чтобы перечислить элементы, поскольку это приведет к удалению естественного отступа, который имеют эти элементы.