Неполадка со встроенным отображением

Рассмотрим следующую структуру HTML:

<div id="footer">
                <div id="content">
                    <ul>
                        <li>
                            <ul>
                                <li>AAA</li>
                                <li>AAA</li>
                                <li>AAA</li>

                            </ul>
                        </li>
                        <li>
                            <ul>
                                <li>BBB</li>
                                <li>BBB</li>
                                <li>BBB</li>
                            </ul>
                        </li>
                    </ul>
                </div>
    </div>

Затем я применяю следующий CSS:

#content ul {
    list-style: none;
}

#content ul li{
    display: inline;
}

Результат: AAA AAA AAA BBB BBB BBB Требуемый вывод:

AAA BBB 

AAA BBB 

AAA BBB

Мы будем благодарны за любую помощь.