I've tried but I can't get these DIV's side-by-side. Help please.



Code:
		    	<div id="container1">
		         <div class="container1-1">
		  	 <form method="get" action="search.php">
	
		  	 <div id="siteSearch">Enter Search Words <img src="themes/default/images/arrow-red.png" alt="" />&nbsp;&nbsp;
		  	 <input type="hidden" name="type" value="videos"/>
		  	 <input type="text" name="keyword" id="sbi1" value="" onfocus="if(this.value==this.defaultValue) this.value='';"/>Select <img src="themes/default/images/arrow-red.png" alt="" /><input type="image" align="middle" src="images/view.png" name="sa" value="Search" id="mySearch"/><br/>
		  	 Enter Search Words&nbsp;&nbsp;<img src="themes/default/images/arrow-red.png" align="middle" alt="" /><br/><br/>
		  	 </div>
		  	 </form>
		  	 </div>
	
		  	 <div class="container1-2">
		  	 <form action="login.php" method="post" accept-charset="UTF-8" class="middletext">
		  	<p>
		  	<style type="text/css">
		  	.form_label {
		  	font-size: 100%;
		 	 color: #000000;
			 }
		 	 #user_name_login {
		  	width: 40px;
		 	 }
		  	#password_login {
		  	width: 40px;
		  	}
		  	</style>
		  	<label for="user_name_login" class="form_label">Username</label>
		  	<input type="text" name="user_name_login" id="user_name_login" size="10" />
		  	<label for="password_login" class="form_label">Password</label>
		  	<input type="password" name="password_login" size="10" />
		  	<input type="image" src="images/login.png" value="[var.lang_login_now]" class="btn_vid2" style="vertical-align:middle" alt="" />
		  	<input type="hidden" name="submitted" value="yes" />
		  	<input type="hidden" name="remember_me" value="remember_me" />
		  	</p>
		  	</form>
		  	 </div>
		  	</div>
Code:
#container1
								{
								overflow: hidden;
								border:1px solid #696969;
								font-size: 16px;
								color: #000000;
								font-family: Arial;
								text-align: left;
								padding: 0px 0px 0px 0px;;
								margin: 5px 0px 0px 0px;
								width:980px;
								height:150px;
								}
			
			
				.container1-1
				{
				border:1px solid #;
				font-size: 16px;
				color: #000000;
				font-family: Arial;
				text-align: left;
				padding: 12px 0px 0px 0px;;
				width:420px;
				height:100px;
				}
	
	
					.container1-2
					{
					font-size: 16px;
					color: #000000;
					font-family: Arial;
					text-align: right;
					padding: 0px 0px 0px 0px;;
					margin: 5px 0px 0px 0px;
					width:320px;
					height:50px;
					}