Getting colour horizontal menus inline

Hello,

I wish to create multi-colour menus horizontally in header using the Appearance-Menus so they can be rearranged and called again later without recoding.

I am using the Twenty Eleven theme and have made a child theme where I have set up the functions.php, header.php and style.css.

I have the menus working as drop down in the header but I cannot get them to work as a horizontal menus (inline) together. They always position themselves under each other.

Can anyone please help me with getting the menus to position next to each other?

The header code is:

[code moderated – please use the pastebin for any code longer than 10 lines]

The css style.css is:

[CSS code moderated – please post a link to your site]