CSS

Я бы сделал так, вставляете их в родительский div, дальше каждый элемент в свой div пишем width что бы убирались в род-й div, и пишим им float:left, после не забываем сделать clear:both

Если уж так и делать то ширину указывать не обязательно. 2 дива делаете и display:inline-block; Если дадите урл сайта вам помогут быстрее т.к тут не видно кнопок вообще и очень трудно разобраться, много лишней инфы.

vlad00777, вот сайт на котором разместил.

http://wg-studio.narod2.ru

.header-nav {display:inline:block;}

.header-social {display:inline-block;}

.header-nav ul {padding и margin настрой под себя}

.header-social ul {padding и margin настрой под себя}

или так:

.header-nav {float:left;}

.header-nav ul {padding и margin настрой под себя}

.header-social ul {padding и margin настрой под себя}