Как выровнять 3 DIV рядом друг с другом?

Мне нужно создать 3 DIV в контейнере DIV нижнего колонтитула, которые выровнены по левому, среднему и правому краю. Все примеры CSS, которые я видел, используют числа с плавающей запятой, как и я.Однако по какой-то причине DotNetNuke неправильно анализирует CSS. Я обнаружил, что левая панель плавает правильно, но правая и средняя панели расположены непосредственно под ней, а не рядом с ней. Вот фрагмент из моего файла ascx:

    
    
Driving business performance.
    
Practical Sales and Operations Planning
    
for medium sized businesses.


    

    
    


 

Вот соответствующая часть моего файла CSS:

#footer
{
width: 960px;
border: 1px;
}
#footerleftpane
{
width: 300px;
float: left;
}
#footerRightPane
{
width: 300px;
float: right;
}
#footerMidPane
{
padding:10px;
}

Какие изменения я должен внести в вышеприведенное, чтобы добиться желаемого макета?

Обновление: я попробовал предложенное изменение, но макет по-прежнему не работает, как видно на этой странице salesandoperationsplanning.net, которая демонстрирует то, что я хочу.