Вы используете footer p .right, а не footer p.right (обратите внимание на пробел). Это означает, что классы .right и .left применяются не к абзацам, а к дочерним элементам внутри абзаца . Или это также может означать опечатку, приводящую к сбою CSS:)
Пожалуйста, скопируйте ваш HTML здесь, чтобы мы могли помочь вам лучше.
Редактировать: Я вижу, вы уже опубликовали свой HTML. Мое предположение оказывается верным. Избавьтесь от пробелов между p и .left / .right. Кроме того, если вы все равно перемещаете абзацы, вы можете опустить свойства text-align.
#footer p.left {
float: left;
}
#footer p.right {
float: right;
}
Редактировать: В ответ на ваш комментарий: должно работать. Вот небольшой тестовый пример:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Test case for the CSS footer problem</title>
<style>
#footer { width: 300px; outline: 1px solid red; }
#footer p.left { float: left; }
#footer p.right { float: right; }
</style>
</head>
<body>
<p>See <a href="http://stackoverflow.com/a/867599/96656" title="Stack Overflow: CSS footer; trying to split into two columns">http://stackoverflow.com/a/867599/96656</a> for details.
<div id="footer">
<p class="left">Copyright © 2009</p>
<p class="right">Designed by xxxxxx</p>
</div>
</body>
</html>