Плавающие элементы шапки

[AnaTao]

Привет всем!
Помогите разрешить такой вопрос: есть у сайта на wordpress шапка, вот такая



Необходимо сделать так, чтобы три текстовых группы, которые сейчас прибились к левому краю, располагались в плавающем режиме, в зависимости от ширины окна браузера.
То есть "DESIGN Bureau | Design studio" так и остается прилепленным слева, а вот "categories(select category)" должно быть прикреплено к правому краю, а серединный элемент "menu/home/contacts/design bureau" должен всегда находиться по центру, выравниваясь по ширине окна браузера.

Вот кусочек кода style.css, ответственный за шапку.
Поскажите пожалуйста, где допущена ошибка и как исправить.

/* Template
-------------------------------------------------------------------*/

	#header						{ background:#232323; width:100%; height:55px; position:fixed; top:0; left:0; z-index:100; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 0px 10px rgba(0, 0, 0, 0.4); overflow:hidden; }
	#wrapper					{ padding:20px; clear:both; position:relative; z-index:50; top:60px; }
	#contentwrap				{ position:relative; }
	#coreContent				{ width:818px; margin:0 auto; }
	#content					{ width:820px; float:none; }
	#sidebar					{ width:0px; float:none; }
	#foliogrid 					{ margin-left:65px 0 60px -1px; _margin-left:-30px 0 0 15px; }

/* Header
-------------------------------------------------------------------*/

	#header div					{ float:left; margin:0; padding:20px 0 20px 30px; color:#777; text-shadow:none; }
	#header form				{ float:left; margin:0; padding:0; }
	#header h3					{ text-transform:uppercase; padding:0; float:left; margin:0 10px 0 35px; }
	#header p					{ padding:0; margin:0; }
	#header a					{ color:#e2e2e2; font-style:italic; text-decoration:none; }
	#header a:hover				{ text-decoration:underline; }
	
	#header input,
	#header select 				{ background:#fff; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; padding:3px; margin:-4px 0 0 0; border:0; color:#666; font-size:11px; font:11px/1em Georgia, "Times New Roman", Times, serif; color:#555; float:left; }
	#header input				{ width:auto; }
	
	#header ul					{ list-style:none; padding:0; margin:0; float:left; }
	#header ul li				{ float:left; margin:0 0 0 5px; padding:0 0 0 5px; border-left:1px solid #666; text-transform:lowercase; }
	#header ul li.first			{ border-left:0; padding:30; margin:0; }
	
	.blogInfo					{ text-transform:uppercase; font-size:14px; }

Буду очень благодарна за любой дельный совет.