Creating a horizontal menu

Creating a horizontal menu

Hi,
I am new to jQuery & jQuery Mobile so bear with me. 
I am trying to create a horizontal menu for a website that will work both on standard device (desktop/laptop) as well mobile. 

I found the demo by codiqa on the jquerymobile.com site very useful with one exception...

The menu I am creating is 7 columns wide.  The site only allows you to create a grid that is 5 columns wide.  When I looked at the code I saw that it was just using html <div> tags to create the grid so I thought no problem, just dd in the <div>'s I need and everything is done.  Boy was I wrong!  Every time I add in a column it drops it below the current menu.  My next thought was to look at the css code, I can't seem to find it there either. 

I have moved the code around so much I have just almost lost my mind.  I am sure that it is something simple...isn't it always!  Hopefully someone here can help me. 

Oh, I attached a zip file with html, css, & java files.  The drop down menus are in their infancy since I am still working on the horizontal part.

Thanks in advance.