HTML menubar with screen resize

[Dr@gon]

I want to create menu barEverything seem to be ok when it full screen but whenits browser width size is smaller than menubarcontent in menu bar become in a new line instead of continue in a line with scroll barWhat sohuld I doHere is my html\[code\]<div class="menuBar"> <div class="navigate"> <ul> <li><a href="http://stackoverflow.com/questions/15713898/#">Home</a></li> <li><a href="http://stackoverflow.com/questions/15713898/#">Hotel</a></li> <li><a href="http://stackoverflow.com/questions/15713898/#">Airfare</a></li> <li><a href="http://stackoverflow.com/questions/15713898/#">Package</a></li> <li><a href="http://stackoverflow.com/questions/15713898/#">Tour guide</a></li> <li><a href="http://stackoverflow.com/questions/15713898/#">Event</a></li> <li><a href="http://stackoverflow.com/questions/15713898/#">Contact us</a></li> </ul> </div></div>\[/code\]