http://bistro1.co.uk/website/?page_id=12

How can I place the |MM| line right next to the Time of Reservation |HH|
line?

I've been messing about with the css.  I've added the following line
into the style sheet;

#li–6, #li–6 {

float:right;

}

This shifted the the whole |MM| line to the right.  But still there was
a break after the Time Reservation |HH| line.  So thinking maybe there
wasn't enough room, I made the select boxes shorter. 
As result, the |HH| line started appearing right next to the "Table for" line. Not
sure if I understand the logic of it… 

Sorry if my explanation is not very clear, I'm sure you'll understand what I'm trying to do if you check out the
link…

Basically I need a line in my form which will enable my customers to choose the desired time of reservation using two separate select boxes; one for hour (12-22), one for minute (00; 15; 30; 45).

Time of Reservation |HH| [Select Box]  |MM| [Select Box]

NOT

Time of Reservation |HH| [Select Box] 

!—BRAKE—!

|MM| [Select Box]

I've changed everything back to what it was before.

I'll greatly appreciate it if anyone could sort me out. 

Thanks in advance…